Angular & RxJS

on YouTube ↗29m

" summary

Shows a working Angular typeahead built with RxJS using FormControl.valueChanges, HTTP (observable) and router params, demonstrating map → flatMap → switchMap to turn keystrokes into URLs and responses. Uses debounce(150ms), filter(min length 3), and switchMap cancels inflight HTTP to avoid extra network cost. Assigns an observable to a component and uses async pipe subscribes and triggers change detection to render results. Highlights let operator for reusable pipelines and a real implementation in NG Bootstrap.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to reactive Angular
2. 1:10History of observables in Angular
3. 3:57Composition with observables
4. 8:10Building a type ahead demo
5. 15:57Router as an observable stream
6. 20:48Smart vs dumb components
7. 25:25Future of event observables
8. 27:34Q&A and resources

" related talks

• 54mReactive Angular 2Rob Wormald · Jazoon TechDays Spring 2016 Bern
• 51mReactive programming in AngularYakov Fain · Devoxx US 2017
• 58mAngular and The Case for RxJSSandi Barr · NDC London 2020
• 45mReactive Frontends with RxJS and AngularSergi Almar · Voxxed Days Singapore 2018
• 53mRxJS Observables in AngularWard Bell, Sander Elias · NGConf 2018
• 01h 07mReactive Frontends with RxJS and Angular - Sergi AlmarSergi Almar · SpringOne Platform 2017
• 20mReactive Programming with RxJS A Beginner’s PerspectiveTracy Lee, Ben Lesh · ng-conf 2017
• 24mReactive Powered: RxJS with Angular FormsShmuela Jacobs · NG Poland 2019