360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026

Transcript

1. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 360° Signals in Angular: Signal Forms with SignalStore & Resources ANGULARarchitects.io
2. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 2 Signals in Angular computed effect Resource API Invisible Concept?
3. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 3 Signal Graph (in Angular Dev Tools)
4. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 4 360° Signals in Angular Backend Store Component Resource ? Mutation ? Forms ?
5. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 5 How to Establish Full-Cycle Reactivity with Signals?
6. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 6 About Me (Remote) Angular Workshops and Consulting Google Developer Expert for Angular Blog, Books, Articles, and Talks about Angular Manfred Steyer, ANGULARarchitects.io
7. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 7 Example
8. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 8 Modern Building-Blocks withResource Resource API Signal Forms withMutations Ships with Angular, experimental Ships with the ngrx-toolkit, candidate for SignalStore Shipped with Angular, experimental Ships with the ngrx-toolkit NgRx SignalStore Part of the NgRx Family
9. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten flightResource saveFlightMutation value isLoading error isProcessing error save(…) flightForm <form> <input [field]="…"> <button>…</button> </form> Signal Store
10. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 10
11. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 11 DEMO
12. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 12 Architecture, Concepts, Implementation Modern Angular ~ 400 pages, PDF, EPUB Q1/2026 Waiting List: angulararchitects.io/modern-book
13. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 13 1) Think in terms of data flows 2) Use a store to streamline the data flow 3) Reactive helpers and APIs: Resource API, Mutation API, Signal Forms Conclusion
14. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 14 Think in Terms of the Signal Graph
15. •Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 15 [Social Media] Manfred Steyer [web] ANGULARarchitects.io [book] ANGULARarchitects.io/modern-book Manfred Steyer @ Manfred Steyer Slides, Examples, Book