Web-Components: Ein Blick in den Maschinenraum der Web-Frameworks

Die Web-Components werden heutzutage von Entwickler:innen in der Regel nicht aktiv entwickelt, jedoch werden sie in produktiven Web-Applikationen durch Frameworks wie Angular, Vue oder React allgegenwärtig genutzt. Der Begriff Web-Component ist eine Klammer für den Zugriff auf eine Menge von nativen APIs des Web-Browsers, die es ermöglicht benutzerdefinierte Elemente zu erstellen.

In diesem Vortrag wird gezeigt, welche standardisierten W3C-Schnittstellen zugrunde liegen und wie diese mit Typescript bzw. Javascript genutzt werden können, um Web-Components ohne externe Abhängigkeiten zu erstellen. Dabei wird insbesondere auf technische Schulden, eingehende und ausgehende Kommunikation der Web-Component fokussiert und ein Vergleich zu Angular gezogen.

Abschließend erfolgt eine Bewertung der direkten Nutzung des Web-Standards im Vergleich zur Nutzung von Frameworks.