Reactive State Machines and Statecharts
summary
Claims that finite state machines and statecharts make complex UIs robust and testable, demonstrated with the library xstate v4 and RxJS; shows a declarative assign action for updating state and an automated shortest path test generation that uses graph algorithms plus Puppeteer to play every tic‑tac‑toe draw path. Visualizer auto‑generates state diagrams, simulations, and invokes external machines; cites W3C statechart support (2015), industry uses from Gatsby to Vault and NASA auto‑coding Curiosity, and that the approach concretely finds missing transitions.
AI-written summary · about
chapters (7)
- 0:00Start
- 4:42The bottom-up approach
- 6:44Finite state machines and statecharts
- 20:22of using statecharts
- 21:39Disadvantages
- 22:29Complexity trade-offs
- 24:06Resources and tools
related talks
21mReactive State Machines and Statecharts
01h 01mThe visual future of reactive applications with statecharts
38mState of the Art Web User Interfaces with State Machines
45mState of the Art User Interfaces with State Machines
25mMastering UIs with Finite State Machines
23mMind-Reading with Intelligent & Adaptive UIs
27mWrite Fewer Tests! From Automation to Autogeneration
39mState machines meet component libraries