Reactive Frontends with RxJS and Angular - Sergi Almar
summary
Walks through RxJS basics and Angular integration with concrete code: uses switchMap, forkJoin, share and the async pipe to wire a reactive form to GitHub HTTP calls, filter repos by stars, retry/catch HTTP errors (404s become empty results), and merge input plus live streams. Builds an Angular demo plus Spring WebFlux backend that emits WebSocket and SSE messages every 5s; initial duplicate WS connections get fixed by share, errors are handled with catchError, and the demo runs successfully with subscription/unsubscribe patterns explained.
AI-written summary · about
chapters (13)
- 0:00Introduction and setup
- 1:59What is RxJS?
- 6:18Observables and observers
- 11:15RxJS operators overview
- 20:54RxJS in Angular
- 29:58Demo introduction
- 31:20HTTP client with observables
- 36:05Reactive forms and user input
- 41:01Error handling in streams
- 45:35Parallel requests with forkJoin
- 49:18WebSocket integration
- 1:00:33Server-sent events demo
- 1:05:44Summary and closing
related talks
45mReactive Frontends with RxJS and Angular
51mReactive programming in Angular
44m7 recipes with Angular and RxJS
37mReactive Programming with RxJS
58mAngular and The Case for RxJS
13mAngular: Let's get Reactive!
20mReactive Programming with RxJS A Beginner’s Perspective
30mRxJS in React, RxJS in Angular and Why We Should All Be Friends