Web Components – ein Begriff, den wir immer öfter hören und lesen werden. Dahinter stehen die Technologien Custom Elements, Shadow DOM und HTML Templates. Zusammen ergeben sie ein natives Komponentenmodell für unseren Browser. Es hilft uns, wiederverwendbare UI-Komponenten zu entwickeln, die wir in jeder App benutzen können. Völlig gleich, ob diese Anwendungen mit einem SPA-Framework entwickelt wurden.

Bedeutet das aber auch, dass wir eigentlich gar kein SPA-Framework mehr benötigen, sondern alles mit Web Components entwickeln können? Manuel Rauber ist am 20. Mai 2020 dieser spannenden Frage auf den Grund gegangen, anhand einer Real-World-Demo-Applikation, Live-Coding und einer Erläuterung zu den Vor- und Nachteilen von Web Components.

Recording des Web-Components-Webinars

Inhalte

  • Einführung in das Thema Web Components (Custom Elements, Shadow DOM, HTML Templates)
  • Demo einer Web Components App
  • Entwicklung einer eigenen Web Component
  • Vor- und Nachteile von Web Components

Links

Kostenloses Web-Components-Cheat-Sheet:
Manuel Rauber hat zum Thema Web Components ein Cheat Sheet erstellt, auf dem er kompakt alles Wissenswertes zusammengefasst hat. Melden Sie sich hier zu unseren monatlichen DevNews an und wir senden Ihnen das Cheat Sheet per E-Mail.

Slidedeck zum Web-Components-Webinar


Related Articles

web components
Creating Web Components With Modern SPA frameworks - Angular, React, and Vue.js
You might have read the article series about Web Components in which we talked about the advantages and disadvantages of Web Components in detail and how they are integrable in modern SPA frameworks. This article focuses on how you can create Web Components using a modern SPA…
Manuel Rauber
web components
Data Sharing & Framework Integration: Perks & Flaws Series - Part 4
In this four part article series, we are exploring the perks, flaws, and current standards of forming Web Components. This last article will teach you how Web Components can share data and services, and which role frameworks play. Article Series The Motivation for using Web…
Manuel Rauber
web components
The Flaws of Web Components (and possible solutions): Perks & Flaws Series - Part 3
The first article of this series introduced into the motivation for using Web Components. After looking at the perks in the second part, we are going to learn about the flaws of Web Components in this article. Please note that with the on-going development of the standards, some…
Manuel Rauber
web components
The Motivation for Using Web Components, an Introduction: Perks & Flaws Series - Part 1
Web Components - a term you most probably hear regularly in recent times as a web developer. With the standards of Shadow DOM, HTML Custom Elements, HTML Templates, and, in former times, HTML Imports, there finally is a native component model within the browser. In this four-part…
Manuel Rauber