Functional Reactive Programming with Cycle.js
summary
Shows a concrete Cycle.js app that polls Transport for London, uses run() with drivers (DOM and HTTP), and composes an interval observable with the network observable to refresh every few seconds. Implements Model-View-Intent with a normalized model, an intent that maps DOM change events, and a view rendered via HyperScript. Uses xstream operators like combineLatest and map, keeps components small and testable, demos the live tube-lines UI (demo drops connection briefly then recovers).
AI-written summary · about
chapters (15)
- 0:00Intro
- 2:27Agenda
- 3:05Reactive Programming
- 5:04Interactive vs Reactive
- 5:57Reactive Example
- 8:15Reactive Programming Dictionary
- 10:38Observable
- 13:47Psychology
- 17:19Driver
- 19:17Model View Presenter
- 21:13Model View Intent
- 23:43Summary
- 24:35Demo
- 27:15Finish Notation
- 29:49Model
related talks
36mFunctional reactive UI with JavaScript
50mReactive Programming with RxJS, introduction to CycleJS
35mVisualizing the data flow with Cycle.js
36mNext generation of frontend architectures
43mAdvanced patterns in RxJS - Operating heavily dynamic UI’s with RxJS
43mThe Return of Stream I/O
34mOperate Heavily Dynamic UIs with RxJS
36mFunctional-Reactive User Interfaces in the modern Web Platform