Using Svelte Inside A React App; It's Easy!

Is react is rerender the svelte component at every change if those change happen inside of the Svelte component ? I have some data push by signalr. I tried to provide them to the svelte component from react, but it seems Svelte doesn't reconize the change of data event if the data has been change. Any idea what could be the issue ?

Amazing 🔥
Is it possible for "SolidJS in React" ?

Excellent. ¿If is possible to conbine with SSR and use the backend with in the api folder?

The while loop to remove the dom element seems like a really rough hack. If you want your props to change, you will need to pass those in the dependency array which will cause the component to remount every time. This sounds like a really big performance problem.

Unbelievable jack
Very underated channel

Can you please create a video on how to write a code professionally

There is a React library called EUI (elastic UI)
It's overwhelming when I try to contribute

use astro

Thanks for this Jack! I'd be interested in seeing how to add Svelte to an existing React + Webpack project as well if that's something you've explored. Seems the options are to either use the Svelte loader for Webpack, which I'd expect to be less stable than the Vite loader, or to convert the project to Vite. I'd tried that in the past but found that the overhead from the number of requests made using Vite actually negated any of the performance benefits as compared to Webpack

Hi Jack, first want to thank you for your generosity! I"m a winforms dev porting a huge application to web. Pretty much much all I know of js frameworks and libraries have come from your videos just in the last few weeks. You've made learning about these js technologies an absolute joy. This is probably not the best way to reach you and to pose a question but I'm wondering if it's possible and if you'd be interested to go the other way with this idea. That is to pull react into a svelte project? I ask because we'd like to use svelte as the starting point for our application but there are not many good UI tools currently available. I've been using the WinForms DevExpress UI tools for years. They also have a version of their tools written in react. I was hoping to build most of the UI in svelte and pull in the more complex react UI controls like their data grid and scheduler into the svelte project. I'm guessing this is a whole different challenge and not likely possible but wanted to be sure. Again, it blows me away with how much you do for the community ... and for free! You're an amazing person. I wish the best to you and your family!

react-svelte npm package did the same thing in 2018 only the code was written in class component, it's better here to use uselayouteffect here, thanks Jeff for amazing content 🎉

great! thanks a lot!

Omg svelte content from Jack 😍

Man we appreciate what you share tysm sir ❤❤

Can we not just let React just die already?

Whenever I think you can't amaze me more... you publish a new video and do it again XD

For the onClick you don't need to define 'export let onClick', svelte will still pick it up with only an 'on:click' on the div.

Hi Jack, it says "Unable To Accept Invite" when I tried to sign up your discord server

Hello Jack ! Thanks for sharing this. It is very good to know that both libraries can work together without a great cost.

Before I praise you with the content, what is that terminal?????

In the end, it's all just Javascript!

Can we do this with solid js?

thank you sir but i decide to love leave u all 🥲🥲

useLayoutEffect hook is not necessary: Mount/Unmount event can be monitored with function ref. Instead of useRef can be used a useCallback(refTarget=>{if(refTarget!=null) mount() else unmount()})

This is HUGE! Progressive enhancement for codebase migration from React to Svelte will be easy like this, love it!

Svelte components in a react app works fine but if you try and do a full conversion over to full svelte you can have some performance issues when you leave and comeback to react pages etc. Iv run into this in the past when converting TO react from something else. Shared state store helps a lot for sure.

We are converting an app from angular and we looked at react but due to the above mentioned issues we decided to convert to svelete, among other reasons. Svelte works so well as components, partial pages and full pages dispersed in an app.

Loved your conclusion about inter-operatability between frameworks like react + swelte, and bringing other technologies into a project by pieces

Can we do it with Solid? 🤩

Do you think Svelte would replace React someday? Or not as long as meta is there then React will be updated all the time?

Thank you 🎉😅

HTML CSS is and 5g infrastructure

What terminal font are you using?

Great video as always, please keep posting content about Svelte
I noticed a perhaps intentional lack of typescript in the project, I made a version of your project but adding typescript in my github
I used Nanostores instead of Zustand as it has better integration with Svelte /Thiagolino8/Svelte-in-React
There is also a library called svelte-adapter that allows you to use svelte components inside react or vue, accepting event-handlers and even reacting to changes of state coming from outside

More Svelte please :D

Hey Jack . Cool one again ❤❤
. I am wondering if you had removed ‘readable’ from store.js could you have gotten rid off a bit more svelte code (May be you did remove it and I didn’t notice ?). Just wondering what the overall payload addition might be with all of svelte code

We need your full course on Svelte really in depth!

I love you you're always new

Vue 😢

THIS IS WHY I SUBSCRIBED. This guy knows what he is doing and the content quality is what proves it. Thanks for teaching us Jack.
Would love to see if you would make something around Clean Architecture in React.

are you using pnpm now instead of npm/yarn?

I learned a lot from your content—thank you for creating it! Keep up the good work.

Awesome! Svelte and Vite rock!

It seems like magic ✨ but it shows there's hours of research, study, trials and errors behind this.
Amazing content! Thank you! 🙌

Dear Jack it’s always a pleasure to listen to you or watch your videos. Best!

So good

you mentioned solid. can you do the same thing but instead of svelte, use solidjs?

I loved this video , love from The Codebook Inc. Can we do the same thing with vue and react?? What should be the best way to achieve it. If possible can you create a video on that too. Thanks a lot for this. I will do the research on my own

best framework is one have less boiler plate. Less in everything

Its all trash. i am checking out all these framework. Its all incomplete or complete mess.

This is the 'trojan horse' for Svelte to take over the world! Wuahahahah

Would it be possible to do this without vite with NextJS?

I loved this! I know many people don't understand why you would do this, but as someone who has had to maintain some large legacy React apps, it would be amazing to slowly migrate over to something a little more... svelte... component by component.

For those saying just switch over to Svelte entirely, that make not be an option if your components are tightly integrated with React-only UI frameworks, in which case, maybe something like Astro could be used to have both React and Svelte. But that depends a lot on the type of app or site being built.