Web components
En uppsättning webbstandarder för att bygga återanvändbara, inkapslade, ramverksoberoende HTML-element. Paraplybegreppet täcker tre delar: Custom Elements (egna taggar), Shadow DOM (inkapsling), och HTML Templates. Ett standardalternativ till ramverkskomponenter.
De tre pelarna: Custom Elements — definiera egna element (<my-card>) med egen JS-logik och livscykel; Shadow DOM — ge elementet ett inkapslat, isolerat DOM- och stil-träd så dess CSS inte läcker ut och sidans CSS inte läcker in; HTML Templates (<template>) — inert markup som klonas vid behov. Vinst: komponenter som fungerar i vilket ramverk som helst (eller helt utan), med äkta inkapsling, byggda på webbstandarder som inte föråldras. Use case: design-system som ska delas över team/ramverk (Shoelace, Adobe Spectrum), inbäddningsbara widgets. Avvägning: mer omständligt än ett ramverk för app-byggande, och ekosystemet är mindre. Bibliotek som Lit gör dem trevligare att skriva. Den standardbaserade komponentmodellen. Hör ihop med custom elements (Shadow DOM) och slot-element.