Reactive programming in Angular
summary
Covers RxJS 5 (TypeScript) inside Angular 2 with runnable demos: a live debounced FormControl valueChanges search that calls a fake stock API, HTTP GETs mapped to JSON and rendered with the async pipe auto-subscribes, and a weather demo showing switchMap cancels prior HTTP requests (proved by emulating a slow network). Also shows operators like map, filter, flatMap, catch for failover, subjects for shared streams, and explains cold vs hot observables; all examples build and run in angular-cli.
AI-written summary · about
chapters (28)
- 0:00Reactive programming in Angular
- 0:15About myself
- 0:53The Agenda
- 2:17Main RxJS players
- 4:36Data Flow
- 6:05An Observable allows
- 6:18An Observer provides
- 6:32Creating an Observable
- 9:38Let's have a beer
- 9:52An Operator
- 12:34Observable Beer
- 15:50Observable map (function)
- 17:14Observable filter (function) { }
- 17:43RX: the data moves across your algorithm
- 18:55Error-handling operators
- 20:53Failover with catch()
- 23:48Operator flatMap
- 26:03RxJS operators
- 26:30An input field: FormControl
- 27:51Observable Events in forms
- 33:42Http and Observables
- 35:45async pipe
- 37:09Operator switch Map
- 39:55Killing HTTP requests with switch Map
- 47:16Types of Observables Hot
- 48:23Sharing an Observable
- 49:38Injectable service as Mediator
- 50:21Summary
related talks
45mReactive Frontends with RxJS and Angular
54mReactive Angular 2
37mReactive Programming with RxJS
47mReactive Programming in Angular with RxJS
01h 07mReactive Frontends with RxJS and Angular - Sergi Almar
20mReactive Programming with RxJS A Beginner’s Perspective
26mReactive Programming Future Proof Your Code
53mRxJS Observables in Angular