TIL: a dive into web components

Here at E-MUSE we favour sticking to HTML until we absolutely need CSS, and sticking sto CSS until we absolutely need JS, and sticking to client-side framework-less JS until we absolutely need to. Related to this, here is a tiny TIL: Offloading Javascript with Custom Properties, on the interaction between JavaScript and custom CSS properties.

Web components allow for the richness of JS frameworks, while maintaining the clean semantics of HTML.

Let’s start from the MDN explainer: https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements

And here are a few recent blog posts and resources on web components:

• Drab
• Jake Lazaroff on Web Components as a framework compatibility mechanism
• HTML Web Components on the Server Are Great by Scott Jehl is also a great explainer of the concept itself