Custom Element
Web-Standard zur Definition neuer HTML-Elemente. customElements.define('my-button', class extends HTMLElement { ... }). 2018 standardisiert. Grundlage der Web-Components-Spezifikation.
Native Browser-Unterstützung in allen modernen Browsern. Einsatz: framework-agnostische Komponentenbibliotheken — Designsysteme, die gleichermaßen in React, Vue und Angular funktionieren. Microsoft Fluent UI, GitHub Primer, Shoelace. Eingebauter Lifecycle: connectedCallback, disconnectedCallback, attributeChangedCallback. Trade-off gegenüber React/Vue: einfacher für reine UI-Komponenten, umständlich bei Data-Binding und Reaktivität (erfordert eigenes State-Management). Modernes Framework: Lit (Google) ist eine dünne Schicht über Custom Elements plus reaktive Props. Shadow DOM wird häufig ergänzend eingesetzt, für gekapseltes CSS und DOM-Isolation.