5: Web Components, front and center

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?


Web Components

Using shadowDOM


Explainer: CSS Shadow ::part and ::theme

Adele - design systems repository

Inheritable styles

Lit 🔥


StencilJS Store

Lion web components


@deckdeckgo/lazy-img - image lazy load web component