Web Components werden inzwischen von fast allen großen JavaScript-Frameworks unterstützt. Das macht sie zu einer spannenden Option für Web-Projekte. Aber worauf muss man dabei achten? Das erklärt Erin Zimmer in dieser Session von der International JavaScript Conference 2019 in London.

Früher bestand eine Webanwendung mehr oder weniger aus nur einer Sammlung von dynamisch erzeugten HTML-Dokumenten, die ggf. mit Ajax Calls und jQuery angereichert wurden. Nahezu die gesamte Komplexität war serverseitig. Erhöhte Anforderungen an Interaktivität haben mittlerweile aber dazu geführt, dass mehr Logik im Client zu finden ist. Single Page Applications (SPAs) sind das Resultat. Durch diese wachsende Logik steigt auch die Komplexität der Anwendungen. Es entstehen Frontend-Monolithen. Eine Wunderwaffe dagegen können Micro Frontends sein. Aber wie gewährleisten wir dann Konsistenz in der gesamten Anwendung und isolieren gleichzeitig die einzelnen Micro Frontends voneinander?

Die Idee von Micro Frontends ist sehr verlockend: Anstatt eines großen monolithischen Clients erstellt man entsprechend der Microservices-Philosophie mehrere kleine und gut wartbare UIs. Doch wie lassen sich diese einzelnen Inseln mit einem integrierten UI präsentieren? Framework-unabhängige Web Components, die sich dynamisch laden lassen, ermöglichen hier gleich mehrere attraktive Lösungsansätze. Wieso das so ist, erklärt Manfred Steyer (SOFTWAREarchitekt.at) in seiner Session auf der W-JAX 2019.

Im Web haben sich komponentenbasierte UI-Frameworks durchgesetzt. Alle heute relevanten Single Page Application Frameworks setzen vollständig oder mindestens zu großen Teilen auf dieses Paradigma. Mit Web Components existiert ein vielversprechender Standard, der die Erstellung Framework-unabhängiger Komponenten ermöglicht und so bereits heute für mehr Wiederverwendbarkeit im Web sorgen kann.

Auch am Mittwoch hatten die International PHP Conference und International JavaScript Conference wieder einige spannende Themen zu bieten. Mit dabei waren Domain-driven Design, Sprachkomponenten und ein Vorschlag zum Beenden der Framework-Diskussion.

Wir haben mittlerweile Milchprodukte, die länger halten als so manches JavaScript-Framework. Diese Aussage ist natürlich nicht ganz ernst gemeint, aber wie so oft bewahrheitet sich, dass in jedem Scherz auch ein Körnchen Wahrheit steckt. Es ist nämlich tatsächlich so, dass die Release- und Innovationszyklen im Web-Umfeld so kurz wie noch nie sind.

Nach jahrelanger Arbeit ist es nun endlich soweit: Die Vaadin-Plattform der nächsten Generation steht in den Startlöchern. Vaadin 10 ist in einer Beta-Version erschienen. Doch bevor wir uns mit den Neuerungen im Framework beschäftigen, schauen wir uns erst einmal ein wenig den Hintergrund an.