Ermin Celikovic — Building Web Components using Svelte

In this talk Ermin explored Web Components and how they fit into the bigger picture of the web. He went through the web standards and why the authoring experience with a framework like Svelte is so much easier. He also pointed out the extra information that is needed besides the Svelte docs and how to gradually integrate Web Components into an existing monolyth.

[Bizbang]

I actually ended up using this to complete some updates in our production app! And landed on this solution after discovering the same needs you listed at the beginning

[FabioRotondo]

I came to Svelte almost 3 years ago because I was looking for an easy way to create web components, and stayed for the great framework Svelte is.
Your talk showed me some tricks I didn't know of. Maybe you can also share a github link to your project?

[dandogamer]

Can you use normal svelte components and modules inside a svelte web component? And then if thats possible can I use that svelte web component inside other non svelte web components?

[zzify]

Hello @ermice, would you be so kind to share the repo you are showing in the talk? 🙂

[dprintwiki]

If you plan to integrate this into bigger project you can write Custom Elements that lazy load svelte components. Also instead of compiling your build all the time you can use Vite for development and benefit from Hot Module Reloading :)

[igors.]

how to use rollup to compile the web component built using Typescript. I am struggling big time. Is there a good reference? Thank you.

[ryo_]

It is possible to render a shadow DOM server-side, using the shadowrootmode="open" attribute on the template element.

[justinoneill]

7:22 is the article you're referring to called "Web Components VS Frameworks" ?

[ALT·]

I also dislike that the create svelte defaults to a SvelteKit project and not really Svelte. Not sure why they did that change. Svelte on it's own is great, trying to force SvelteKit in every project isn't a good idea. At least we have create vite and other options, but Svelte should review this and still offer a way to start plain Svelte project.

[accountwizardindia]

Please guys don't have such a small font. At least Zoom