Web Components: Bessere SPA-Architekturen mit Smart- & Presentational-Components [Webinar]

Web Components: ein Begriff, gar (ehemaliger?) Hype, den wir in der Webentwicklung seit einiger Zeit lesen und immer wieder darüber stolpern. Custom Elements, Shadow DOM und HTML Templates ergeben ein natives Komponentenmodell für unseren Browser. Komponenten, wiederverwendbare SPA-Framework-unabhängige UI-Bausteine, die wir in jeder und für jede App nutzen könnten.

Doch noch immer werden Komponenten frameworkabhängig bspw. in Angular, React oder Vue.js entwickelt. Liegt das daran, dass unserer Anwendungsarchitektur noch ein wichtiges Pattern fehlt, um SPA-Components mit Web Components sinnvoll zu kombinieren? Mit dem Pattern der Smart und Presentational Components erreichen wir eine klare Trennung zwischen State Management (Smart) und reinem User Interface und seiner Interaktion (Presentational). Was genau es damit auf sich hat und wie dies mit Web Components realisiert werden kann, zeigt Manuel Rauber im Live-Coding mit Vor- und Nachteilen anhand einer Real-World-Demo-Applikation.

Recording des Web Components-Webinars

Links aus dem Webinar

Presenter & Moderator

Presenter

Manuel Rauber

Manuel Rauber ist Consultant bei Thinktecture. Er fokussiert sich auf Web Components, Angular, .NET Core & Node.js.
Moderator

Marco Frodl

Agenda

  • Einführung in das Thema Web Components (Custom Elements, Shadow DOM, HTML Templates)
  • Entwicklung von Web Components
  • Smart und Presentation Components
  • Vor- und Nachteile von Web Components
  • Q&A

Kostenloses Cheat Sheet

Web Components

Manuel Rauber zeigt Ihnen auf wenigen Seiten übersichtlich zusammengefasst, was Sie bei der Arbeit mit Web Components wissen sollten.

Melden Sie sich kostenlos zu unserem Newsletter an, um das Cheat Sheet per E-Mail zu erhalten.

Jetzt anmelden und herunterladen

Slidedeck

Kommende Webinare

Web-API mit Turbo: Deep Dive in async/await bei Backend-APIs

Asynchrone Programmierung wird immer häufiger als der Heilsbringer in Sachen Performance angepriesen. Doch stimmt das auch? Die Antwort ist ein ganz klares Jaein. Was bedeutet asynchrone...

16.02.2022 | Sebastian Gingter
Jetzt kostenlos registrieren

Blazor WebAssembly: Neues in .NET 6

.NET 6 ist hier, das neue LTS-Release unserer Lieblingsplattform. Vor allem im Bereich Blazor WebAssembly gab es dieses Mal einige Verbesserungen und Neuerungen, die es lohnen, sich genauer...

02.02.2022 | Patrick Jahr
Jetzt kostenlos registrieren

Webinar-Recordings

3D-Visualisierung im Web mit BabylonJS [Webinar]

In Max Schulte's Webinar lernen Sie die kritischen Unterschiede zwischen einem SPA-Frameworks und einer Grafik-Engine kennen und sehen einen Architekturansatz, der die Vorteile beider Technologien optimal zusammenführt.

19.01.2022 | Max Schulte
Aufzeichung ansehen

Serverless Kubernetes mit Azure Container Apps [Webinar]

Mit Azure Container Apps hat Microsoft einen neuen Serverless-Dienst angekündigt, der die Produktivität von Entwickler steigern soll. Thorsten Hans stellt diesen im Webinar vor.

15.12.2021 | Thorsten Hans
Aufzeichung ansehen

Artikel zum Thema Web Components

06.10.2020 | Manuel Rauber

Stencil - a Web Components Compiler If you read through our Web Components Perks & Flaws series, you may remember that Web Components have some flaws, for example having to repeat much boilerplate code and respect the render loop, missing a template engine, or creating a build pipeline Stencil solves all of…

Read article
18.09.2020 | Manuel Rauber

In the blog series about Web Components, we talked a lot about the perks and flaws of Web Components (or: the current state of Web Components) and how their integrability in modern SPA frameworks looks like. But we only took a short look at Web Components being integrated as a single stand-alone component…

Read article
30.07.2020 | Manuel Rauber

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 framework and also addresses…

Read article

Lassen Sie uns reden!

Kontaktieren Sie uns, um ein Telefonat oder Meeting zu vereinbaren und zu besprechen, wie wir Ihnen am besten dabei helfen können, Ihre Projektziele zu erreichen und Ihr Wissen zu erweitern.

Ihre Nachricht wird gesendet ...
Vielen Dank! Wir haben Ihre Nachricht erhalten und einer unserer Kollegen wird sich noch heute oder spätestens während des nächsten Arbeitstags bei Ihnen melden.
Sorry! Es ist ein Fehler bei der Datenübertragung aufgetreten.
Bitte geben Sie ein/n gültige E-Mail-Adresse, Namen und Nachricht ein. Vielen Dank!