Making Vue app reactive with RxJS
summary
Shows concrete code using Vue + RxJS with the vue-rx plugin and Vue CLI 3 to turn DOM events into observables, subscribe in components and unsubscribe safely. Demonstrates a button-driven interval that emits five timed values then completes and a live movie-search that uses pluck filter debounceTime distinctUntilChanged switchMap so HTTP calls are debounced, repeatable and cancelled when a new query arrives. Live demo works end-to-end against a movie API.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 2:23Who is the speaker
- 3:04What is RxJS
- 8:50RxJS operators overview
- 9:58Installing Vue RxJS
- 10:20Creating streams from events
- 12:13Transforming streams with operators
- 13:14Switching to new streams
- 14:43Handling stream completion
- 15:30Combining multiple streams
- 17:00Building a live search demo
- 21:42Making API calls with streams
- 23:08Summary and Q&A
