Webcomponents
Een verzameling webstandaarden voor herbruikbare, ingekapselde HTML-elementen die niet aan een framework vastzitten: Custom Elements, Shadow DOM en HTML Templates.
De drie pijlers: Custom Elements definiëren eigen elementen (<my-card>) met eigen JS-logica en levenscyclus; Shadow DOM geeft een element een afgeschermde DOM- en stijlboom, zodat de css niet naar buiten lekt en de css van de pagina niet naar binnen; HTML Templates (<template>) zijn inerte markup die naar behoefte wordt gekloond. Het voordeel: componenten die in elk framework werken, of zonder, met echte inkapseling en gebouwd op standaarden die niet verouderen. Toepassing: designsystemen die teams en frameworks overstijgen (Shoelace, Adobe Spectrum) en inbedbare widgets. Nadeel: omslachtiger dan een framework voor complete apps, en het ecosysteem is kleiner. Bibliotheken als Lit maken ze prettiger om te schrijven.