Tackling Component state Reactively

on YouTube ↗36m

" summary

Explains how to make component-local state reliable by treating it as reactive state with RxJS: use publishReplay + connect to warm streams in the constructor, provide services per component (local provider) so subscriptions are tied to the component lifecycle, and use replay/buffer caching so template bindings don’t miss the first value. Presents concrete code patterns for subscribing early and unsubscribing on destroy, selector-style select functions for local state, and reports these patterns reduce timing bugs and simplify subscription management in real applications.

AI-written summary · about

" chapters (7)

1. 0:00Reactive state intro
2. 6:47Core state problem
3. 13:50Subscription timing issues
4. 20:53Late subs and caching
5. 24:11Reactive patterns
6. 30:31Service-based state
7. 35:03Summary

" related talks

• 35mManaging State in React Apps with RxJSJames Wright · FrontCon 2019
• 33mStop Micromanaging State and Start Being ReactiveLara Newsom · NG-DE Conference 2022
• 35mBack to ReactAndrew Clark · React.js Conf 2016
• 27mEmbrace Reactive Programming in React and Vue with RxJSFahad Ibnay Heylaal · Amsterdam JSNation Conference 2018
• 21mThinking Reactively: Most DifficultMike Pearson · ng-conf 2019
• 36mRxJS: A Better Way to Write Frontend ApplicationsHannah Howard · JSConf US 2018
• 34mReactive State Management For Your Angular AppMaxim Salnikov · AngularUP 2017
• 28mReactive Programming Demystified Drink the Kool-AidTracy Lee · Chain React 2018