Reactive Patterns For Angular
summary
Specific prescriptions: replace ngOnChanges with Setters on inputs to run only for the changed input, stop piping child events through parents by using a shared state service like a BehaviorSubject with public observable or signals, compose filtered data in the service with switchMap/map (or computed signals) so every consumer sees identical results, and connect router params/query params into state via the twoSignal rxjs interop; demo shows header→router→state→components flow and a sharable “Pooch pants” URL that updates all views at once.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:01Why reactivity matters
- 2:01The three reactive ingredients
- 3:38Input setters pattern
- 4:58Centralized state services
- 7:32Routing and input binding
- 9:31Reactivity with signals
- 10:41Data composition techniques
- 13:34Advanced flow examples
- 16:35Conclusion and resources
related talks
26mReactive patterns for Angular Enterprise Solutions
41mRxJS Advanced Patterns Learn how to manage heavily dynamic Angular apps
19mRxJS Patterns in Angular
45mReactive Frontends with RxJS and Angular
36mModern Angular: A Learning Path
51mReactive programming in Angular
20mSubjecting State to Good Behavior
31mSignals & fine grained reactivity in Angular