SignalStore Extensions - The Complete Lessons
Rainer Hahnekamp
0:00 / 0:00
SignalStore Extensions - The Complete Lessons
3 460 просмотров · 4 месяца назад
Rainer Hahnekamp
10,2 тыс. подписчиков
3 460 просмотров · 4 месяца назад
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/ng...
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)