Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Web Components
Was sind Web Components?
Web Components sind ein Satz nativer Browser-Standards zum Bauen wiederverwendbarer, eigener HTML-Elemente. Kein Framework nötig. Sie definieren ein Element wie <user-card>, geben ihm eigenes Verhalten und Styling und verwenden es überall, wo HTML läuft. Drei Technologien machen es möglich: Custom Elements zum Definieren des Tags, Shadow DOM zum Kapseln von Styles und Markup, sodass nichts hinein- oder hinausblutet, und HTML-Templates für wiederverwendbare Markup-Blöcke.
Was sie abhebt, ist, dass sie Teil der Plattform sind, keine Bibliothek, die man installiert. Ein als Web Component gebauter Button funktioniert in React, Vue, Angular oder reinem HTML, und er funktioniert weiter, wenn das Framework des Jahres wechselt. Das macht sie zu einem starken Kandidaten für Design Systems, die über Teams und Tech-Stacks geteilt werden. Ein großes Unternehmen mit einer React-App, einem alten jQuery-Adminpanel und einer Marketing-Site auf einem CMS kann einen Satz Marken-Komponenten bauen und dieselben Buttons und Inputs über alle drei nutzen. Der Haken: Die rohen APIs sind tiefer angesetzt als ein modernes Framework, daher nutzen die meisten Teams eine schlanke Bibliothek wie Lit, damit das Schreiben angenehm wird.
Sie ersetzen React oder Angular nicht. Web Components kümmern sich um einzelne UI-Elemente; Frameworks kümmern sich um Anwendungsstruktur, State und Datenfluss. Die beiden arbeiten öfter zusammen, als sie konkurrieren.
Web Components bei Dallonses
Wir nutzen Web Components, wenn ein Kunde eine UI braucht, die über mehrere Stacks leben und jedes einzelne Framework überdauern muss. Design Systems sind der klarste Fall. Bauen Sie die Komponente einmal gegen die Plattform, liefern Sie sie überall aus, und die Marke bleibt konsistent, egal ob eine Seite heute von React gerendert wird oder in drei Jahren von etwas anderem.
Diese Portabilität ist auch eine Absicherung gegen Lock-in, was in langlaufender Webentwicklung zählt, wo das Framework sich vor der Marke ändert. Wir verbinden Web Components mit dem richtigen Tooling, damit sie angenehm zu bauen und zu pflegen sind, und wir sind mit Kunden klar darüber, wo sie passen und wo ein volles Framework die bessere Antwort ist.
Bauen Sie ein Design System, das überall funktionieren muss? Bauen wir es.
Verwandte Dienstleistungen
Verwandte Arbeiten
Vizitio
Eine Marke in ein funktionierendes Geschäft verwandeln.
Access Ticket
Eine halbe Million Menschen. Eine App. Null Chaos.
Bereit zum Zusammenarbeiten?
Termin buchen
