NgRx SignalStore

Agenda

• Duration: 8 hours
• Online

1. 01

   Foundations (1h 30min)

   • Welcome & Introduction
   • Traditional State Management vs Signal Store – BehaviorSubject pain points, classic NgRx Store overhead, migration strategies, when to use each
   • Signal Store Core API – signalStore, withState, withComputed, withMethods, withProps, patchState
2. 02

   Store Architecture (1h 45min)

   • Working with Store Features – withHooks, withProps for dependency injection, lifecycle management (onInit, onDestroy), private store members (underscore convention)
   • Custom Store Features – creating reusable features with signalStoreFeature, composing features, input constraints, community features (ngrx-toolkit)
   • Entity Management – withEntities for collections, CRUD operations, normalized state, entity collections
3. 03

   Scalable Architectures (1h 30min)

   • Reactive Methods & Side Effects – rxMethod (RxJS interop), signalMethod, Resource API integration via withProps, error handling patterns
   • Store-per-Feature & DI Strategies – global stores (providedIn: 'root'), local stores (component-level providers), lazy-loaded feature stores, when to use which scope
4. 04

   Production Ready (1h 45min)

   • Testing Signal Store – unit testing stores in isolation, integration tests, mocking stores for consumers
   • Best Practices & Performance – store design patterns, state encapsulation, linkedSignal integration, debugging techniques
   • Real-World Case Study – complete feature walkthrough, from API to UI with Signal Store
   • Q&A & Wrap-up

Takeaways

1. 

   Traditional State Management vs Signal Store

   When to migrate? What do you gain? What to expect during the transition from services, BehaviorSubjects, or classic NgRx Store

2. 

   Master Signal Store syntax from the ground up

   Creating stores with withState, withComputed, withMethods, withProps — practical step-by-step examples using the complete core API

3. 

   Build reusable Custom Store Features

   Creating composable, plug-and-play features using signalStoreFeature — the LEGO blocks of state management

4. 

   Implement entity management & reactive side effects

   From withEntities to rxMethod, signalMethod, and Resource API integration — with real-world examples

5. 

   Organize stores in large-scale applications

   Store-per-feature strategy, global vs local vs component-level stores, and DI patterns that keep your codebase maintainable

6. 

   Apply production-ready best practices

   Testing strategies, state encapsulation, performance optimization, and maintainable patterns

Your Trainer

Mateusz Stefańczyk

Google Developer Expert

For 9 years, Mateusz has been developing web applications with Angular. He has performed dozens of audits for Angular projects worldwide. Mateusz actively participates in the angular.love community, writing expert articles, and sharing his knowledge at Angular meetups in Poland, Norway, Germany, and the UK.

Get your tickets

Join us for an online Modern Angular workshop. Secure your spot today!

FAQ