How to use Functional Programming with Angular and why it’s a good idea
summary
Shows concrete code: replaces imperative loops with a single-line Array.filter/map chain, composes click streams with RxJS operators like mergeMap/switchMap to squash observables, and centralizes state into one observable so UI bindings use the async pipe. Demonstrates switching to OnPush change detection plus immutability to avoid full tree checks, mentions Immutable.js and Redux as practical tools, and claims these changes reduce mutations, make components predictable, and improve performance with real code examples.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 3:19Example 1 Fetching data from a list
- 4:53Why I dont like this code
- 5:45Single line function
- 7:03Higherorder functions
- 9:08Fetching data
- 11:25Button Streams
- 13:04Pure Functions
- 17:12How Change Detection works
- 18:29How could Change Detection work
- 19:54Change Detection Strategy
- 21:58Immutability
- 24:57Redux
- 26:27Takeaways
related talks
27mWhy should You Care about Functional Reactive Programming
37mReactive Programming with RxJS
58mAngular and The Case for RxJS
51mReactive programming in Angular
47mReactive Programming in Angular with RxJS
26mReactive Programming Future Proof Your Code
13mAngular: Let's get Reactive!
52mAngular Loves Data