Modern Angular Best Practices: Reaktivität und ressourcenbasierte Architektur

Beherrsche 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 Muster für State‑Management (z. B. die Resource‑API) und lernen, wie sich Signals nahtlos mit bestehendem RxJS‑Code verbinden lassen.

Ein zentraler Schwerpunkt ist ein tiefgehender Einblick in Angulars Change Detection, der ein klares Verständnis dafür vermittelt, wie Signals fein­granulare Updates ermöglichen und welche Zukunft "zoneless" Performance hat.
Die Teilnehmenden verlassen den Workshop bestens vorbereitet, um schnelle, moderne und skalierbare Angular‑Anwendungen zu entwickeln.

Vorkenntnisse

Die Teilnehmenden sollten über ein praxisnahes Verständnis von Angular und TypeScript verfügen. Sie sollten sicher im Erstellen von Komponenten sein, mit Services arbeiten können und das Prinzip der Dependency Injection verstehen. Grundkenntnisse in RxJS (z. B. subscribe, pipe, Observable) sind ebenfalls erforderlich, um die Konzepte zur Interoperabilität vollständig nachvollziehen zu können.

Lernziele

Teilnehmende lernen:

• Signal, computed und effect sicher zur Verwaltung des Komponenten‑State einzusetzen.
  
• Moderne Komponenten mit den neuen signal‑basierten input‑, model‑ und output‑APIs zu erstellen.
  
• Signals mithilfe der Funktionen toSignal und toObservable effektiv mit RxJS zu integrieren.
  
• Die neue Resource‑API zur Verwaltung asynchroner Daten, von Ladezuständen und Fehlern zu nutzen.
  
• Zu erklären, wie Signals die Change Detection revolutionieren und "zoneless" Performance ermöglichen.