Practical Rx with Flutter
summary
Live-coding a Flutter search screen that uses rx_start and StreamBuilder to turn input streams into safe outputs, demonstrating concrete fixes: replace naive mapping with switchMap to avoid out‑of‑order results, add debounce (500ms) to drop intermediate requests, use combineLatest to filter live “out of stock” updates, and use exhaustMap for infinite pagination. A mocked API makes the letter P request take seconds so the demo shows the race, the fixes prevent overwrites and cut unnecessary requests, and a cranberries toggle proves the combined stream behavior works.
AI-written summary · about
chapters (6)
- 0:00Start
- 1:41Proactive Approach
- 4:30Single Code Path
- 21:25Infinite Pagination?
- 25:15Overfetching
- 26:02Examples
related talks
21mBuild a reactive Flutter App
41mLearning Rx by example
37mBuilding scalable, maintainable and robust apps in Flutter
34mBuild reactive mobile apps with Flutter
34mCollect, Combine and Cache RxJS Streams for User-Friendly Results
54mReactive Angular 2
29mArchitecting the Reactive App with Flutter
46mHow to Cook Flutter Correctly