Web Components: Bessere (SPA-)Architektur mit Smart- und Presentational-Components-Pattern [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, zeigte Manuel Rauber am 28. April 2021 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

Deep Dive in ASP.NET Core Authorization mit Keycloak

Authorization, also wer darf was machen, ist ein zentraler Baustein der Sicherheit in Applikationen. In diesem Webinar zeigt Ihnen Boris Wilhelms wie man die Keycloak Authorization Services in...

06.10.2021 | Boris Wilhelms
Jetzt kostenlos registrieren

Komplexe und dynamische Formulare mit Angular

Eingabeformulare (kurz Forms) finden sich in jeder Web-App. Angefangen mit einer übersichtlichen Login-UI bis hin zu Seiten übergreifenden Steppern. Von einfach bis sehr komplex und hoch dynamisch...

29.09.2021 | Max Schulte
Jetzt kostenlos registrieren

Webinar-Recordings

Authentifizierung & Autorisierung mit Keycloak für ASP.NET-Entwickler [Webinar]

In diesem Webinar zeigte Ihnen Boris Wilhelms wie man Keycloak, ein Open-Source Identity und Access Management System, in ASP.NET Core nutzen kann.

15.09.2021 | Boris Wilhelms
Aufzeichung ansehen

Blazor WebAssembly: Performance-Optimierung in .NET 5 [Webinar]

Patrick Jahr zeigt wie Sie komponentenbasierte UIs in Blazor WebAssembly optimieren, um eine bessere Performance und flüssige Clientanwendungen zu erhalten.

08.09.2021 | Patrick Jahr
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!