Inhaltsverzeichnis
Teil I
- Erste Schritte
- 1 Ein Framework ohne Framework
- 2 Ihre erste Webkomponente
- 3 So machen Sie Ihre Komponente wiederverwendbar
- 4 Der Lebenszyklus einer Komponente
- 5 Bessere Webanwendungen mit Modulen erstellen
Teil II Möglichkeiten zur Verbesserung Ihres Komponenten-Workflows
- 6 Markup verwalten
- 7 Inhalte mit HTML templaten
- 8 Das Shadow DOM
- 9 Shadow CSS
- 10 Herausforderungen von Shadow CSS
Teil III Komponenten zusammenführen
- 11 Eine echte UI-Komponente
- 12 Bündelung und Unterstützung älterer Browser
- 13 Komponenten testen
- 14 Ereignisse und Anwendungsdatenfluss
- 15 Komplexität verbergen
Überblick
Ben Farrells Buch "Web Components in Action" widmet sich nativen Webkomponenten als eigenständige Technologie zur Erstellung wiederverwendbarer Oberflächenelemente ohne Rückgriff auf gängige JavaScript-Frameworks. Der Autor zeigt Schritt für Schritt, wie der moderne Browser-Stack (Custom Elements, Shadow DOM, HTML Templates und ES-Module) genutzt werden kann, um eine vollwertige Webanwendung zu erstellen.
Im ersten Teil des Buches lernt der Leser die grundlegenden Prinzipien von Webkomponenten kennen: Erstellen eines eigenen Elements, Verwalten seines Lebenszyklus, Wiederverwendbarkeit und modulare Architektur. Der Autor betont, dass Webkomponenten kein abstraktes Konzept sind, sondern ein praktisches Werkzeug, das heute in den meisten Browsern verfügbar ist.
Der zweite Teil konzentriert sich auf den inneren Aufbau von Komponenten. Behandelt werden Möglichkeiten zur Verwaltung von Markup, Inhalts-Templating, Arbeit mit dem Shadow DOM und CSS-Isolierung. Separate Kapitel widmen sich den Problemen und Einschränkungen des Shadow-Modells, was einen Blick auf die Technologie nicht nur von der positiven, sondern auch von der kritischen Seite ermöglicht.
Der dritte Teil des Buches konzentriert sich auf die Erstellung komplexerer Lösungen: Zusammenführen von Komponenten zu einer einheitlichen Oberfläche, Organisation von Ereignissen und Datenflüssen, Testen und Unterstützung älterer Browser. Letztendlich gelangt der Autor Schritt für Schritt zur Erstellung einer echten Benutzeroberfläche und verbirgt die interne Komplexität hinter sorgfältig entworfenen Komponenten.
Das Buch ist praxisorientiert und so aufgebaut, dass die Beispiele von Kapitel zu Kapitel komplexer werden und sich weiterentwickeln, wodurch eine kohärente Architektur entsteht. Dies macht es für Entwickler nützlich, die ein tieferes Verständnis der nativen Fähigkeiten der Webplattform erlangen und Webkomponenten bewusst als Alternative oder Ergänzung zu Frameworks bewerten möchten.
Meine Meinung
Ein Buch über Webkomponenten und deren Einsatz. Da ich im Lager derjenigen bin, die diesen Zweig der Webentwicklung für etwas Sackgassenhaft und aussichtslos halten, weil ich seit etwa 10 Jahren an Projekten arbeite, bei denen SEO-Optimierung wichtig ist, gibt es sicherlich Leute, die bereit sind, jedes zweite Projekt mit Webkomponenten zu bauen. Also habe ich dieses Buch skeptisch gelesen, obwohl ich durchaus interessiert war, native Webkomponenten ohne den Einsatz von JS-Frameworks näher kennenzulernen. Eindeutig zu den Pluspunkten des Buches gehört, wie der Autor von Kapitel zu Kapitel seine Arbeit verbessert und am Ende ein durchaus vollständiges und interessantes Ergebnis erzielt.
