5: Web Components, front and center Codesplitters Podcast
-
- Technology
In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component?
🔗 LINKS
Web Components
Using shadowDOM
::part
Explainer: CSS Shadow ::part and ::theme
Adele - design systems repository
Inheritable styles
Lit 🔥
StencilJS
StencilJS Store
Lion web components
fast.design
@deckdeckgo/lazy-img - image lazy load web component
In this episode we focus on web components. Poul gives a short intro to what they are and brings up some of the benefits of using web components, and also some of the disadvantages. We talk about the shadowDOM, encapsulation, ::part , slots, builders/compilers and framework integrations. Will web components replace JS frameworks? How do you go about styling a web component?
🔗 LINKS
Web Components
Using shadowDOM
::part
Explainer: CSS Shadow ::part and ::theme
Adele - design systems repository
Inheritable styles
Lit 🔥
StencilJS
StencilJS Store
Lion web components
fast.design
@deckdeckgo/lazy-img - image lazy load web component
54 min