Functional reactive UI with JavaScript
summary
Claim: build UIs as pure functions over time by treating events as streams and pushing side effects through drivers. Demonstrations use Cycle.js with RxJS to make a timer, an input-reflector and a double-click detector written in about four lines, all running live. The argument shows how declarative rendering plus observable composition replaces imperative callbacks and stores, and the demos execute successfully, illustrating the model‑intent‑view splitting and driver‑based side effects.
AI-written summary · about
chapters (28)
- 0:00Intro
- 0:50Survey
- 1:22OOP: Alan Key
- 2:04POLY CONF 16
- 2:372005
- 3:16Functional programming
- 4:56ML Influence
- 6:08Smalltalk-76
- 8:14Declarative
- 10:48New Concepts
- 13:29Passive
- 14:37Separation of concerns
- 14:51Encapsulation
- 15:28Values over time
- 16:04Observable
- 17:22Lazy event stream
- 17:55Asynchronicity
- 18:58Simple composition
- 19:21Unification
- 21:53Concise
- 23:13computer
- 24:28Sources
- 24:46Sinks
- 25:14Drivers
- 25:34Model-View-Intent
- 26:29Composable
- 26:48Demo
- 30:05Limitations
related talks
36mFunctional-Reactive User Interfaces in the modern Web Platform
35mFunctional Reactive Programming with Cycle.js
43mAdvanced patterns in RxJS - Operating heavily dynamic UI’s with RxJS
28mReactive Programming Demystified Drink the Kool-Aid
23mReactive Programming Made Simple
42mConquering Time with Functional Reactive Programming
43mThe Return of Stream I/O
01h 10mRxJS Advanced Patterns – Operate Heavily Dynamic UIs