How to Manage Your UI State: Virtual DOM and RxJS
summary
Covers the evolution from direct DOM manipulation to architectures that manage UI state with unidirectional data flow. Compares technologies and frameworks for state and data-flow management such as React+Redux, Cycle, Elm, plus RxJS and ES6 generators for handling streams and asynchronous data.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:49Frontend architecture problems
- 8:03Virtual DOM and decoupling
- 11:14App state management
- 15:29Reactive UI paradigm
- 18:13Redux and unidirectional flow
- 22:06Middleware and async ops
- 26:19Redux benefits and traceability
- 31:16Redux challenges and alternatives
- 37:16Observable-based frameworks
- 43:11Final thoughts and call to action
related talks
34mFunctional UIs and Unidirectional Dataflow
36mRxJS: A Better Way to Write Frontend Applications
34mOperate Heavily Dynamic UIs with RxJS
41mThe Battle of State Management in modern frontend applications
01h 00mReactive Programming, State Management, and Redux for the Modern Front End Dev
36mModern React and the case for Reactive State Management
40mReactive Programming: A Better Way To Write Frontend Applications
49mReact