Mastering UIs with Finite State Machines
summary
Explains using Mealy finite state machines (deterministic, pure, idempotent automata) as an architecture for UI components to avoid lots of if/else, hacks and side effects. Shows how FSMs solve problems like handling async button double-clicks, repeated resource fetches, and mapping UX mockups to app scenes, enabling more predictable components and autogenerated tests.
AI-written summary · about
chapters (8)
- 0:00Welcome
- 3:15Finite state machines intro
- 9:59Bottom-up UI problems
- 17:00Practical FSM demo
- 22:13FSM benefits
- 26:12Hierarchical FSMs
- 33:30FSM in Curiosity & industry
- 35:17Q&A
related talks
25mMastering UIs with Finite State Machines
30mMastering UIs with Finite State Machines
33mHow Not to Shoot Yourself in the Foot with a Finite State Machine
44mManaging Complex Application State with Finite-State Machines
28mState machines for frontend state management
20mSetState, We Need to Talk!
45mState of the Art User Interfaces with State Machines
47mMastering Complex UI: State Machines and Reactive Patterns