Stepping Up: Observable Services to Observable Store

on YouTube ↗19m

" summary

Introduces Observable Store as a tiny (≈250 lines) state library that uses RxJS BehaviorSubject to provide a single immutable source of truth, set/get API, state slice selectors, and action-tagged history so state changes are tracked and replayable. Shows extending services to share one singleton store, caching HTTP results, and wiring UI updates via a stateChange observable. Demonstrates console logging and optional integration with Redux DevTools, and claims the impl is cross‑framework (Angular, React, Vue) and simple enough to maintain.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 1:10Keep it simple
3. 3:06Single Source of Truth
4. 4:10Observable Storm
5. 5:22Observable Store Components
6. 6:42Installing Observable Store
7. 7:16Observable Store Interfaces
8. 7:57Observable Store Extension
9. 11:15Observable Store State Change
10. 12:52Observable Store Sample
11. 15:47App Component
12. 16:58Recap

" related talks

• 20mSubjecting State to Good BehaviorKim Maida · ng-conf 2019
• 52mState Management in Angular: From Facades to NgRx and backCornelia Rauch · International JavaScript Conference Munich 2019
• 34mReactive State Management For Your Angular AppMaxim Salnikov · AngularUP 2017
• 29mSubjecting State to Good BehaviorKim Maida · NG-DE Conference 2019
• 31mNgRx SignalStore: The Ultimate Tool for Modern State ManagementAlex Okrushko · angularday 2025
• 31mUnlocking Reactive State Super Powers with NgRx Signal StoreDimitris Kiriakakis · Voxxed Days Thessaloniki 2025
• 18mState Management — One Meta-Model to Rule Them AllMichael Hladky · NG Poland 2018
• 39mHow to use NgRx ComponentStore?Alex Okrushko · NG-DE Conference 2022