Web Components & Shadow DOM

HTML Templates, CSS Modules, and JavaScript Classes
Custom Elements, HTML Templates, and Shadow DOM
Web Components are built on three main technologies: 1) Custom Elements - allowing creation of custom HTML elements, 2) HTML Templates - providing a way to declare reusable markup, and 3) Shadow DOM - offering encapsulation for styling and markup. These technologies work together to create reusable, encapsulated components that work across modern browsers.
Shadow DOM, JavaScript Modules, and CSS-in-JS
Web Workers, Service Workers, and Custom Elements