Angular and The Case for RxJS

on YouTube ↗58m

" summary

Explains why RxJS is practical with Angular by showing working code: a type‑ahead with debounceTime and distinctUntilChanged that clarifies streams versus promises, an observable data service using a BehaviorSubject store that components subscribe to, and the template patterns that avoid duplicated HTTP requests — async pipe (which auto‑unsubscribes) or ngIf ... async as instead of multiple async pipes. Covers hot vs cold, subjects, share vs shareReplay, and flattening operators (switchMap/mergeMap/concatMap), with concrete fixes for duplicated calls and teardown.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 9:58COLD OBSERVABLES
3. 15:48BehaviorSubject
4. 22:00HTTP OBSERVABLES ARE COLD
5. 27:12HOT: SHARE THE EXECUTION COLD: INVOKE THE EXECUTION
6. 33:14map() A TRANSFORMATIONAL OPERATOR
7. 36:45A FILTERING OPERATOR
8. 37:56AVOID NESTED SUBSCRIPTIONS
9. 45:20EMITS ARRAY OF VALUES FROM SOURCES
10. 50:29catchError() AN ERROR HANDLING OPERATOR

" related talks

• 19mRxJS Patterns in AngularDeborah Kurata · EnterpriseNG 2020
• 47mReactive Programming in Angular with RxJSMaksim Sinik · Angular Day 2017
• 13mAngular: Let's get Reactive!Wassim Chegham · Devoxx Belgium 2017
• 37mReactive Programming with RxJSShmuela Jacobs · ReactiveConf 2017
• 53mRxJS Observables in AngularWard Bell, Sander Elias · NGConf 2018
• 51mReactive programming in AngularYakov Fain · Devoxx US 2017
• 28mWatch out: observers are here to stayGuilherme Ventura · NG-DE Conference 2019
• 01h 07mReactive Frontends with RxJS and Angular - Sergi AlmarSergi Almar · SpringOne Platform 2017