SignalStore Extensions - The Complete Lessons

The NgRx SignalStore is the modern state management solution for Angular.

Its basic functionality is actually quite simple. But you can do a lot with it in terms of standardization, unobtrusive RxJS integration, and even - if you want - support for event-based architectures via the Flux/Redux pattern.

To me personally, the real selling point is the extensibility of the SignalStore. This is also why I left my "beloved" NgRx Global Store for the SignalStore very early on.

This is a very long video, where I try to share my most valuable lessons on patterns, approaches, and techniques I have encountered so far.

The video is split into multiple chapters. We start with the basics of extensibility, but then go much deeper.

Here's the link to the repository: https://github.com/rainerhahnekamp/ngrx-signal-store-extensions

Enjoy.

---

0:00 Introduction
3:16 Walkthrough - The Unoptimized App
11:10 1.1 Creating a Simple Extension
17:19 1.2 Parameterized Extensions
22:14 1.3 Constraining the Store
31:17 1.4 Decoupling with withFeature
37:05 1.5 Updater Functions
48:32 1.6 Why Extensions (Mixins, not Inheritance)
58:55 2. Implementing Extensions Manually
1:22:19 3. Splitting Stores Across Files
1:56:23 4. Dynamic Extensions
2:23:09 5. Non-Polluting Features (Isolated Extensions)

Видео SignalStore Extensions - The Complete Lessons канала Rainer Hahnekamp