Asynchronous JavaScript

on YouTube ↗30m

" summary

Claim: events are collections and treating them as such lets you apply array operators (map filter concatAll takeUntil switchLatest) to real UIs. Using Reactive Extensions (Rx) and its JavaScript and Java ports (rxjs rxjava) produces observable streams that resolve race conditions, cancel in-flight XHRs, and free subscriptions so memory leaks disappear. Examples include a working mouse-drag built from mouseDown/mouseMove/mouseUp and Netflix search autocomplete that throttles keystrokes and uses switchLatest cancels previous requests to keep results correct.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 0:17Gold Sponsors
3. 3:01IN OBSERVER PATTERN
4. 4:50Functions
5. 7:12Top-rated Movies Collection
6. 8:20Mouse Drags Collection
7. 9:42Introducing Observable
8. 11:53Event Subscription
9. 18:12switch Latest
10. 20:25Netflix Search
11. 25:28Resources

" related talks

• 41mAsynchronous JavaScriptMatthew Podwysowski · JSConf Budapest 2015
• 42mReactive JavaScript with RxJSMaximilian Berghoff · FrOSCon 2016
• 34mObservables for Handling Asynchrony ElegantlyNa Seokju · FEConf 2019
• 37mStreaming and event-based programming using FRP and RxJSMatthew Podwysocki · FutureJS 2014
• 43mReactive JavaScript at Netflix, Microsoft and the WorldMatthew Podwysocki · JSConf.Asia 2015
• 42mConquering Time with Functional Reactive ProgrammingSergi Mansilla · GOTO Amsterdam 2014
• 38mCuring your event processing blues with RxMatthew Podwysocki, Donna Malayeri · Strange Loop 2013
• 28mReactive all the ThingsBen Lesh, Martin Gontovnikas · ng-conf 2015