Zurück

Die Signal-Revolution: Ein Deep Dive in modernes Angular

Workshop am 15. Juni 2026, 10 - 17 Uhr

Meistere Angulars Signal-Revolution. Dieser Deep-Dive-Workshop deckt alles ab – von den neuen reaktiven Grundbausteinen (signal, computed, effect) bis hin zur modernen Component-API (input, output, model und linkedSignal).

Wir erkunden praxisnahe, reale Patterns für State-Management (z. B. die Resource-API) und lernen, wie sich Signals nahtlos mit bestehendem RxJS-Code verbinden lassen. Außerdem werfen wir einen ersten Blick auf Signal Forms und verstehen, warum sie das Formular-Management deutlich verbessern.

Ein zentraler Fokus liegt auf einem tiefgehenden Verständnis von Angulars Change Detection: wie Signals granulare Updates ermöglichen und was die Zukunft der „zoneless“ Performance bringt. Die Teilnehmenden verlassen den Workshop mit dem Know-how, schnelle, moderne und skalierbare Angular-Anwendungen zu bauen.

Vorkenntnisse

Die Teilnehmenden sollten über praktische Kenntnisse in Angular und TypeScript verfügen. Du solltest dich sicher fühlen beim Erstellen von Komponenten, beim Arbeiten mit Services sowie beim Verständnis von Dependency Injection. Grundlegende Kenntnisse in RxJS (z. B. subscribe, pipe, Observable) sind ebenfalls erforderlich, um die Interoperabilitätskonzepte vollständig zu verstehen.

Lernziele

Teilnehmende lernen:

signal, computed und effect sicher zur Verwaltung von Component-State einzusetzen.
Moderne Komponenten mit den neuen signal-basierten input-, model- und output-APIs zu bauen.
Signals effektiv mit RxJS über die Funktionen toSignal und toObservable zu integrieren.
Die neue Resource-API zur Verwaltung von asynchronen Daten, Ladezuständen und Fehlern zu nutzen.
Zu erklären, wie Signals die Change Detection revolutionieren und "zoneless" Performance ermöglichen.

Agenda

1. Einführung in Signals
Verstehe, was Signals sind, warum sie wichtig sind, und sammle praktische Erfahrung mit den Kern-Primitiven: signal() (schreibbarer State), computed() (abgeleitete Werte) und effect() (Side Effects).
2. Arbeiten mit Signals: Best Practices
Lerne die wichtigsten Dos and Don’ts für sauberen, performanten und wartbaren Signal-Code. Vermeide typische Fallstricke wie zirkuläre oder fehlende Abhängigkeiten.
3. Signal-Inputs, -Models und -Outputs
Beherrsche die moderne, signal-basierte Component-API. Wir ersetzen klassische Decorators durch input(), output() und die leistungsstarke model()-Funktion für vereinfachtes, robustes Two-Way-Data-Binding.
4. Kombination von Signals und Observables
Signals ersetzen RxJS nicht – sie arbeiten damit zusammen. Lerne, wie du beide reaktiven Welten mit toSignal- und toObservable-Utilities effektiv verbindest und nahtlos in jeder Anwendung einsetzt.
5. Resource & RxResource
Implementiere robuste, wiederverwendbare Patterns für den Umgang mit asynchronen Daten. Wir lernen die neue Resource-API kennen, die Lade-, Daten- und Fehlerzustände bei API-Calls elegant handhabt.
6. Signal Forms
Starte mit Signal Forms und erfahre, wie sie die Arbeit mit Formularen verändern. Wir verstehen die Unterschiede zu Template-Driven- und Reactive Forms und lernen, wie man Signal Forms korrekt aufbaut, validiert und aus dem bisherigen Formular-System migriert.
7. Moderne Angular Change Detection – Deep Dive
Entdecke das „Warum“ hinter Signals. Wir werfen einen Blick unter die Haube und sehen, wie Signals die Change Detection revolutionieren – weg von Zone.js hin zu granularen, lokalen Updates. Verstehe den Weg zu hochperformanten "zoneless" Anwendungen.

Pausenzeiten
ab 9:00 Uhr: Registrierung
10:00 Uhr: Beginn
11:30 Uhr - 11:45 Uhr: Kaffeepause
13:00 Uhr - 14:00 Uhr: Mittagspause
15:30 Uhr - 15:45 Uhr: Kaffeepause
ca. 17:00 Uhr: Ende

Technische Anforderungen

Ein eigener Rechner
Internet-Zugang (WLAN ist vor Ort vorhanden)
node v22.12.0
npm 10.2.4

Falls ihr ein Gerät eurer Firma verwendet, überprüft vorher bitte, ob eines der folgenden, gelegentlich vorkommenden Probleme bei euch auftreten könnte.

Workshop-Teilnehmer:in hat keine Administrator-Rechte.
Corporate Laptops mit übermäßig penibler Sicherheitssoftware
Gesetzte Corporate-Proxies, über die man in der Firma kommunizieren muss, die aber in einer anderen Umgebung entsprechend nicht erreicht werden.

Speaker

Michael Hladky ist Google Developer Expert (GDE), Microsoft MVP, Trainer und Berater mit Schwerpunkt auf Angular und RxJS. Seit Jahren hilft er Unternehmen und Entwicklern, Anwendungen und Teams zu skalieren, um mit der neuesten Entwicklung Schritt zu halten. Als aktives Mitglied der Tech-Community organisiert er regelmäßig mehrere Community-Events und Workshops, um etwas zurückzugeben.
LinkedIn

Julian Jandl ist Lead Performance Engineer, Trainer und Berater bei Push-Based.io. Als Webperf-Enthusiast liebt er es, mit Spitzentechnologien zu experimentieren, um die Geschwindigkeit des Webs zu verbessern. Julian führt Performance-Audits für bestehende Anwendungen durch, behebt Performance-Engpässe und unterrichtet in Workshops über Webperf und Angular. Als RxAngular Core Maintainer bringt er sein Wissen in die Community ein.
LinkedIn