Using React Libraries Inside Svelte

How to use React libraries in Svelte.

🔖 Timestamps

0:00 Intro
0:49 Sponsor
1:04 Understanding How React Works
3:05 The Anatomy Of A React App
4:19 Using React Inside Svelte
5:23 Rendering Hello World With React
7:04 Rendering Excalidraw With React
9:57 Passing Props To React
10:32 Nesting React Components
12:00 Unique Key Props
13:55 Making A Reusable Svelte Component
16:47 Outro

#joyofcode #sveltekit #svelte

[Wolfendeathx]

I really appreciate how effective and concise you are at teaching. Combined with the right amount of jokes and humor make these both a *joy* to watch and very helpful. Thank you for the work you do!

[ridass.]

bro just destroyed that rEaCt hAs bIgGeR eCoSyStEm argument

[DannniScript]

Imagine if Svelte supported React components or even crazier compiled them... 🤔🤣

[BST-SLYR]

Hi, I have watch a lot of your videos lately as I just started learning and using Svelte 5 and your videos have not only helped me understand svelte better but also the importance of understanding behind the scenes of these technologies better. Your videos have revived in me, the curiosity that excites me to learn more. Thank you so much. I would love to see you building (or your opinion of) a Svelte app as a PWA and using Tauri to make it a cross platform application.

[EliSpizzichino]

This is shocking, I didn't know you could do this!

[giannivullo]

This was great experience for me! I mean whe I saw the thumbnail I got really excited to see the video and, oh man, did you deliver ! Your are doing really great Thank you for your work.

[hakim_jazuli]

react: "we have bigger ecosystem"
svelte: *yoink!!!

[omomer]

I have mixed feelings, i shouldn't, but i do, 😂
But this is genius tbh, it really speaks to the portability of React and the simplicity of Svelte,

[philosuit]

Will the vdom be shipped in the build?

[ransomecode]

Have you managed to make tanstack svelte libs work in svelte 5; i'm not able to move forward without those

[tthiagolino]

By making your effect asynchronous, its return callback stops working, as the return becomes a promise
Basically causing memory leaks

[vadym]

What is the performance impact of using multiple ReactDOM.createRoot (React roots) inside a Svelte app?

[GeroldPenz]

I love the possibilities. Thank you for this inspiring video. 🤩

[oussamasethoum]

react in the end outputs the js require to build the ui which is usually executed by the script tag in the html, the only difference here is executing the javascript in svelte and mount the result dom node.

[eduardovega]

Would reactivity work well with this? Reactive svelte variables on the react component and use state variables outside of the reactive component??

[younlok]

do you think svelte 5 is ready for production ?
i am gonna start a project this week for a client
do you recommend svelte 4 or svelte 5

[TheOllieJT]

SACRILEGE! Good sir, You sully the Svelte name!

[Kevin]

At work, I once used React.... Once.
But, I must say, react does have a LOT of libs.

[ChatgptChatgpt-xhox]

"I don't know whether it's a coincidence or if you made a replay video to my previous comment, but either way, thanks a lot! 🙏🏽❤

If possible, could you create a video on how to create mobile apps with Svelte using Capacitor? And try to cover how to use native sensors like the camera and location services?"

[Nathan_Grace]

although we can do this... should we? also noticed the apis shown look to be deprecated?