State of the Art Web User Interfaces with State Machines
summary
Finite state machines and statecharts become concrete tools here: a JSON-modeled Flickr search, a tic‑tac‑toe machine, a visualizer and interpreter that run and animate the model, and automated test generation that runs via puppeteer to produce hundreds of generated tests. A library called X state plus its X state viz turns diagrams into executable machines, supports guards, actions, hierarchy and parallel regions, and the generated tests and diagrams actually work for analytics and regression-proofing.
AI-written summary · about
chapters (5)
- 0:00Start
- 4:56The bottom-up approach
- 7:17Finite state machines and statecharts
- 22:39Disadvantages of using statecharts
- 23:29Complexity trade-offs
related talks
45mState of the Art User Interfaces with State Machines
29mReactive State Machines and Statecharts
28mState machines for frontend state management
34mSimplifying Complex UIs with Finite Automata & Statecharts
19mIntroducing state machines and statecharts
27mXState: the Visual Future of State Management
38mInto the Visual World of State Machines
25mMastering UIs with Finite State Machines