Mit Web Components wird es möglich, komponentenorientierte Webanwendungen zu schreiben – und zwar direkt mit Standardwebtechnologien, ohne Frameworks. Dadurch wird es aber auch möglich, Web Components mit Frameworks wie Angular oder React zu kombinieren.

Web Components, das bedeutet Custom Elements, Shadow DOM, HTML Imports und HTML Templates. Mit diesen vier Features wird es möglich, gekapselte Komponenten zu erstellen, die trotzdem erweiterbar sind. Mit Hilfe von Libraries wie z. B. lit-html wird das Schreiben von Web Components noch einfacher.

In diesem Vortrag zeige ich anhand von praktischen Beispielen, wie und wofür man Web Components jetzt schon verwenden kann. Ich werde zeigen, wie Komponenten sich verhalten und aussehen können und wie sie konfigurierbare Schnittstellen anbieten können.