@ngrx/signals: Reaktives State-Management in Angular

Angular Signals haben sich als Standard für reaktiven Zustand in Komponenten etabliert: Inputs, Formulare, Router und Datenzugriff arbeiten signalbasiert, Zoneless ist der neue Default. Doch sobald Zustand über eine einzelne Komponente hinauswächst, stellt sich die Frage: Wohin damit? Lose Signals in Services funktionieren, bringen aber weder Struktur noch wiederverwendbare Muster mit.

Genau hier setzt der Signal Store aus @ngrx/signals an. Er baut direkt auf Angular Signals auf, ist schlank, typsicher und komponierbar - und kommt ohne den Ballast einer klassischen Redux-Architektur aus. Vom lokalen Store in einer einzelnen Komponente bis zum geteilten Feature-State skaliert er mit der Anwendung.

In diesem Workshop zeigt Felix von Thinktecture, wie du mit dem Signal Store strukturierten, reaktiven State aufbaust. Anhand einer Film- und Serien-App erklärt er praxisnah:

• Vom Signal zum Store: Wie lokale Signals und signalbasierte Services zu Signal Stores werden.
• Komponentenebene: Wann ein Store lokal per Provider bereitgestellt wird und wann global - und was das für Instanzen und Lebenszyklus bedeutet.
• Asynchroner State: Wie rxMethod und tapResponse RxJS-lastigen Code ersetzen und Lade- und Fehlerzustände sauber im Store landen.
• Wiederverwendbarkeit: Wie eigene Features, withEntities und das Events-Plugin den Store erweitern.

Lerne, wie du State in Angular dort verwaltest, wo er entsteht - reaktiv, testbar und ohne Boilerplate.