Modern Angular with NgRx SignalStore
summary
Builds a contact-management app using Angular 17+ and NgRx SignalStore, implementing three hands-on flows—loadContacts, updateContact, createContact—plus a bonus search feature. Uses RxJS operators (exhaustMap, concatMap), entity maps and addEntities, patchState, computed signals, inject-based DI and router navigation, and a simple NG model form. Each flow calls the data service endpoints, updates the store, and the UI reflects changes live, with the exercises completing successfully.
AI-written summary · about
chapters (6)
- 0:00NgRx SignalStore intro
- 1:46Fetching all contacts
- 6:12Updating contact
- 16:37Creating contact
- 21:24Contact search
- 28:57Summary
related talks
31mNgRx SignalStore: The Ultimate Tool for Modern State Management
18mNgRx SignalStore: Modern State Management for Angular
30mSignals Unleashed: Intro to NgRx Signal Store
31mUnlocking Reactive State Super Powers with NgRx Signal Store
17mCustom Features of NgRx SignalStore
32mMessaging Design Patterns with NGRX
30mState Management Patterns and Best Practices with NgRx
34mReactive State Management For Your Angular App