Symbiote.js v3 — Web Components with SSR in ~6kb

Hi, DEV! My name is Alex, and I'm the maintainer of Symbiote.js - a library for building UI components and isomorphic applications using the latest web standards. Today I'm going to talk about our important major update - version 3. The Idea in Two Words Symbiote.js is a lightweight (~5.9 kb brotli) wrapper around Custom Elements that adds reactivity, templates, and data layer management. No Virtual DOM, no special compiler, no mandatory build step - you can plug components right from a CDN. But the most important thing is not the size or the absence of dependencies. The main thing is loose coupling . The entire design of the library is built around a crucial idea: a component can beforehand not know who configures it, what surrounds it, and in what context it is used. Configuration and data can come from HTML markup, from CSS, from a parent component in the DOM tree, or from a dedicated data context - and the component simply checks what it's ready to bind to, finding itself in a spec