Die neuen Signal Forms in Angular – Alle Details und viel Live Coding

Signal Forms sind der nächste Missing Link, den Angular für seine Signal-Story nachrüstet: Endlich lassen sich Formulare nahtlos in den reaktiven Fluss integrieren.

Anhand eines praktischen Beispiels und viel Live Coding besprechen wir alle Details dieser neuen API. Wir diskutieren den Stellenwert von Schemata, das Zusammenspiel mit Bibliotheken wie Zod, verschiedene Arten von Validatoren (synchron, asynchron, multi-field), Formulargruppen und Arrays mit Eingabefeldern, das Aufteilen großer Formulare auf mehrere Komponenten, den Einsatz von Metadaten, das Bereitstellen eigener Widgets und das Zusammenspiel mit bestehenden Reactive und Template-driven Forms.

Vorkenntnisse

Grundlagenwissen und erste Projekterfahrung mit Angular.

Lernziele

Teilnehmende lernen:

• Schemata und Bibliotheken wie Zod für Validierungen zu nutzen
  
• Verschiedene Validator-Typen (synchron, asynchron, multi-field) einzusetzen
  
• Formulargruppen und Arrays für komplexe Eingaben zu modellieren
  
• Große Formulare in mehrere Komponenten aufzuteilen
  
• Metadaten in Formularen zu verwenden
  
• Eigene Widgets zu entwickeln und zu integrieren
  
• Die Brücke zu bestehenden Reactive und Template-driven Forms zu schlagen