Die Konferenz für Enterprise-JavaScript
Die Signal-Revolution: Ein Deep Dive in modernes Angular
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 SignalsVerstehe, 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.
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