Bending time with Schedulers and RxJS 5
summary
Shows why microtasks beat macrotasks with a concrete console example that prints 1 4 3 2, explains promises vs setTimeout, and uses RxJS to swap execution semantics by passing a scheduler argument or using subscribeOn/observeOn. Covers concrete schedulers: queue scheduler (synchronous), asap (microtasks), async (setInterval/setTimeout) and animationFrame, and demonstrates cancelling a scheduled job and rebuilding a frame-based animation that smooths dropped frames. Mentions RxJS 6 pipeable operators and the operator count dropping to about 100.
AI-written summary · about
chapters (15)
- 0:00Introduction and warm-up
- 2:34Talk overview and speaker intro
- 6:51JavaScript event loop basics
- 12:40JavaScript call me maybe quirks
- 17:14Synchronous vs asynchronous tasks
- 21:53RxJS 6 schedulers introduction
- 23:15RxJS 6 new features and changes
- 26:37Observable implementations with schedulers
- 29:11Schedulers in browser environments
- 30:58Queue scheduler deep dive
- 32:02Asap and async schedulers
- 33:27Subscription cancellation and timing
- 34:29Animation frame scheduler
- 37:00Animation demo with RxJS
- 37:45Summary and resources
related talks
01h 03mBending time with Schedulers and RxJS 5
30mRxJS schedulers in depth
22mRxJS Schedulers from Outer Space – Performance, Animations, Asynchrony
25mReinventing RxJS
25mRxJS all things!
49mManaging Async With Observables
38mCuring your event processing blues with Rx
34mObservables for Handling Asynchrony Elegantly