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?

🔗 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

Episode source