How to build svelte components & use them in React, Angular and Vue

I go over how to build a svelte component and use it in react angular and vue.

Here is the documentation with all the links for the code and live demos.

[oksen]

Thanks for this awesome video! I'm normally using Angular at work, but I've been looking at the possibility to use Svelte as well. Showing how to use Svelte for other frontend-frameworks might help me convince the team to let me use it at work instead of having to do my own project in my spare-time :D

[ekaansh]

Great video, would love to see more complex modules being written once and then used a library in different web frameworks.

[sakarsr]

I love svelte and I love Angular, this video helps me to bridge them both. Thank you for the video and your time. Good Health.

[maskman]

This is an awesome tutorial, svelte web component works in big 3, pretty cool tutorial, you are the man !!!

[billyfigueroa]

Great video. Thank you. I learned a lot here

[worldpeacegame]

Since the component is build in vanilla, does it have the vanilla performance inside the react app?

[sixstringscoder]

Very helpful video and clear teaching style. Thanks, Noah!

[manrikevillalobos]

Great tutorial!!! Thank you so much!!! Please, keep your excellent work!

[ShaunShazi]

Thanks for the video Noah. Is there a way to do bi-directional data transfer between the frameworks e.g. Angular and Svelte?

[techcomparisons]

can you pass objects and callback functions to a web component?

[whatthefunction]

I want to make a basic svelte component that I can export as a vanilla npm module / esm for import and use in any other site. But can find any documentation on using it like that...

[peetboy]

Hmm, but this is just an isolated component. I guess this is possible with any framework. Can you handle events fired from svelte component in vue app?

[schicknius]

Hi Noah, thanks. Very helpful. How should I go around building a web component which is composed of several svelte components? Let's say the count-btn imports another svelte component, for example <Tooltip />. In such case, when I try using the compiled web component I get the following exception: "TypeError: Illegal constructor. ... SvelteElement ..."

Any ideas?

[joaquingumucio]

Awesome embeding tech right here!!
Question: Whats the .map.js file for? Is it really needed?

Thanks for this great tut!!

[dillanfernando]

Is there a way to use Angular components in svelte?