Functional UIs and Unidirectional Dataflow
summary
Claims that UI code becomes easy to reason about by treating the app as a single function of state using referentially transparent components, immutable data and a unidirectional data flow. Implements this with virtual DOM/React-style rendering, persistent immutable structures, and the Omniscient helper library; uses event streams (Bacon/Rx) at edges. The concrete build is a render loop that diffs and updates only changed subtrees, which the presenter reports as practical and fast, enabling global state serialization, undo and reproducible bug replay.
AI-written summary · about
chapters (11)
- 0:00Start
- 3:25TIGHTLY COUPLED
- 3:59LOOSELY COUPLED
- 7:54PREDICTABILITY
- 9:02COMPOSABILITY
- 12:28IMMUTABLE MAPS
- 13:35REFERENCE CHECKS
- 14:32(HIGHER ORDER) COMPONENTS
- 17:26COMPOSABLE COMPONENTS
- 19:10PURITY IN A STATEFUL ENVIRONMENT
- 19:31ACCIDENTAL SHARED STATE
related talks
45mHow to Manage Your UI State: Virtual DOM and RxJS
20mWhy is React "functional"?
40mRethinking UI: Imperative to Declarative
43mEvolution of Functional UI Paradigms
27mPut it All in State
32mUI Development Made Simple
31mApplying Unidirectional Data Flow Beyond the ReactJS Ecosystem
43mFunctional UI, Functional Apps