I switched a map, and you’ll never guess what happened next…

on YouTube ↗21m

" summary

A concrete demo builds an autocomplete component from an observable stream of tweets and agencies, showing code that maps each tweet to an agency then to an observable of recruits, subscribes, and flattens. The talk shows real RxJS code replacing nested subscribes with switchMap, explains that it unsubscribes from the previous recruits observable before subscribing to the new one, and runs the app so the switch behavior and bug fix are visible and working.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:51Kevin and framework obsession
3. 5:27SwitchMap with CEO analogy
4. 7:39Tweets to recruits with observables
5. 10:50Nested observables and flattening
6. 13:29Need for flattening strategy
7. 14:34Implementing switch strategy
8. 16:44Introducing switchMap
9. 18:10How switchMap works
10. 19:23Conclusion
11. 20:27Final remarks

" related talks

• 54mReactive Angular 2Rob Wormald · Jazoon TechDays Spring 2016 Bern
• 37mReactive Programming with RxJSShmuela Jacobs · ReactiveConf 2017
• 01h 45mRxJs from ScratchAlain Chautard · ng-conf 2022
• 51mReactive programming in AngularYakov Fain · Devoxx US 2017
• 36mRxJS RecipesDominic Elm, Kwinten Pisman · Uphill Conf 2019
• 23mHow we’re embracing functional programming to build a large SPAAnton Abilov · JSConf US 2019
• 32mMastering Reactive Programming with RxJSSaif Jerbi · ConFrontJS 2019
• 34mCollect, Combine and Cache RxJS Streams for User-Friendly ResultsDeborah Kurata · ngVikings 2019