Web Components sind eigene HTML-Elemente mit eigenem Verhalten, ohne Framework.
- Web Components (Custom Elements)
Eigene HTML-Elemente mit eigenem Verhalten, die der Browser ohne zusätzliche Bibliothek versteht.
Beispiel: „Web Components bestehen aus Custom Elements, Shadow DOM und Templates.“
Der Bindestrich
class PreisRechner extends HTMLElement {
connectedCallback() { /* … */ }
}
customElements.define('preis-rechner', PreisRechner);Der Bindestrich im Namen ist Vorschrift und zugleich die Garantie, dass der Name nie mit einem künftigen Standardelement kollidiert. Danach lässt sich das Element im Markup verwenden wie jedes andere.
Wofür sich das lohnt
Für Bausteine, die über mehrere Projekte oder Technologien hinweg gleich bleiben sollen, und für Widgets zur Einbettung in fremde Seiten. Für ganze Anwendungen bleiben Frameworks überlegen, weil sie Zustandsverwaltung und Routing mitbringen.