Web components
Zestaw standardów webowych do budowania wielokrotnego użytku, hermetycznych elementów HTML, niezależnych od frameworka. Obejmuje trzy części: Custom Elements (własne znaczniki), Shadow DOM (enkapsulacja) i szablony HTML. Standardowa alternatywa dla komponentów frameworków.
Trzy filary: Custom Elements — definiują własne elementy (<my-card>) z własną logiką JS i cyklem życia; Shadow DOM — daje elementowi odizolowane drzewo DOM i stylów, więc jego CSS nie wycieka na zewnątrz, a CSS strony nie wsiąka do środka; szablony HTML (<template>) — nieaktywny kod, który klonuje się w razie potrzeby. Zaleta: komponenty działają w dowolnym frameworku albo bez żadnego, z prawdziwą enkapsulacją, na standardach, które nie wyjdą z użycia. Zastosowanie: systemy projektowe współdzielone między zespołami i frameworkami (Shoelace, Adobe Spectrum), osadzalne widżety. Wada: pisanie aplikacji jest bardziej rozwlekłe niż we frameworku, a ekosystem mniejszy. Biblioteki takie jak Lit trochę to osładzają.