Tweet
Tweet

Slide 1

Slide 1 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten Full Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources ANGULARarchitects.io

Slide 2

Slide 2 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 2 Signals in Angular computed effect Resource API Invisible Concept?

Slide 3

Slide 3 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 3 Signal Graph

Slide 4

Slide 4 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 4 Full-Cycle Reactivity in Angular Backend Store Component Resource ? Mutation ? Forms ?

Slide 5

Slide 5 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 5 Two Reasons for a Store Manage State Streamline Dataflow

Slide 6

Slide 6 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 6 Stores Streamline Reactive Flow Component Store "Intention" Signals sync/async computed (sync) computed (sync)

Slide 7

Slide 7 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 7 How to Establish Full-Cycle Reactivity with Signals and Stores?

Slide 8

Slide 8 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 8 About Me (Remote) Angular Workshops and Consulting Google Developer Expert for Angular Blog, Books, Articles, and Talks about Angular Manfred Steyer, ANGULARarchitects.io

Slide 9

Slide 9 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 9 How to Establish Full-Cycle Reactivity with Signals and Stores?

Slide 10

Slide 10 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 10 Example

Slide 11

Slide 11 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 11 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

Slide 12

Slide 12 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten flightResource saveFlightMutation value isLoading error isProcessing error save(…) flightForm … Signal Store

Slide 13

Slide 13 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 13

Slide 14

Slide 14 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 14 DEMO

Slide 15

Slide 15 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 15 Architecture, Concepts, Implementation Modern Angular 400+ pages, PDF, EPUB Q1/2026 Waiting List: angulararchitects.io/modern-book

Slide 16

Slide 16 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 16 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

Slide 17

Slide 17 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 17 Think in Terms of Data Flow

Slide 18

Slide 18 text

•Textmasterformat bearbeiten • Zweite Ebene Mastertextformat bearbeiten 18 [Social Media] Manfred Steyer [web] ANGULARarchitects.io Manfred Steyer @ Manfred Steyer Slides & Examples