Reactive all the Things

on YouTube ↗28m

" summary

A fast realtime dashboard at Netflix hits severe GC and latency from heavy map/filter/reduce chains that allocate many intermediate arrays, so RxJS observables replace array pipelines with stream processing and eliminate extra allocations; a socket observable is built that opens on subscribe, emits messages, sends subscribe/unsubscribe over a multiplexed WebSocket, uses retry and published ref counted semantics to reconnect and close automatically, and Angular 1 helpers like $createObservableFunction and observable.times enable mousemove-driven staggered animations while requiring explicit disposal to avoid leaks.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and speakers
2. 1:22Background and careers
3. 3:46Why functional programming
4. 6:27Netflix performance issues
5. 9:16Introduction to RxJS
6. 11:23Solving complex UI problems
7. 13:56Reactive programming concepts
8. 16:12Angular 1 examples
9. 17:37Observable operators
10. 22:12Mouse move animation demo
11. 26:44Conclusion and Q&A

" related talks

• 27mReactive Programming in NodeEstefania Morton · NodeConf NL 2019
• 43mReactive JavaScript at Netflix, Microsoft and the WorldMatthew Podwysocki · JSConf.Asia 2015
• 36mRxJS: A Better Way to Write Frontend ApplicationsHannah Howard · JSConf US 2018
• 24mAdding Even More Fun to Functional Programming With RXJSRyan Anklam · MountainWest JavaScript 2014
• 37mStreaming and event-based programming using FRP and RxJSMatthew Podwysocki · FutureJS 2014
• 45mReactive Frontends with RxJS and AngularSergi Almar · Voxxed Days Singapore 2018
• 28mWatch out: observers are here to stayGuilherme Ventura · NG-DE Conference 2019
• 30mAsynchronous JavaScriptJafar Husain · MountainWest JavaScript 2014