Live-Coding: Wir migrieren eine Angular-Lösung auf Signals!

Signals gehören zu den spannendsten neuen Features in Angular, doch ihre konkrete Nutzung wirft noch viele Fragen auf. In dieser Session klären wir diese Fragen, indem wir mittels Live-Coding eine klassische Angular-Anwendung Schritt für Schritt auf Signals migrieren.

Der Vortrag zeigt den Einsatz aller wichtigen Signal-Mechanismen: Computed Signals, untracked, Effects, RxJS-Interop, Input Signals, Model Signals und Signal Queries. Er behandelt das Zusammenspiel mit Formularen und asynchronen Aufgaben, zum Beispiel das Laden von Backend-Ressourcen. Zudem geht es darum, wie man Race Conditions vermeidet und um häufige Missverständnisse, wie den falschen Einsatz von Effects.

Vorkenntnisse

• Erfahrung mit Angular

Lernziele

• Computed Signals für einen reaktiven Datenfluss nutzen können
  
• den Hauptanwendungsfall sowie die Grenzen von Effects und auto-tracking kennen
  
• für die Möglichkeit von Race Conditions sensibilisiert sein und Ansätze kennen, diese zu vermeiden
  
• Input Signals, Model Signals und Signal Queries nutzen können
  
• Ansätze für den Umgang mit asynchronen Aufgaben kennen
  
• wissen, wie Signals mit Formularen zusammenspielen können