Introducing state machines and statecharts
summary
Statecharts are presented as a visual language that also runs as code: examples are built with xstate and published to the stately registry so diagrams become executable machines. Concrete patterns shown: compound states, parallel regions, delayed transitions labeled after 1 minute and after 3 minutes, entry/exit actions for side effects, and a login machine that auto-logs out. Small dog and login examples are real machines you can inspect and run.
AI-written summary · about
chapters (4)
related talks
37mReactive State Machines and Statecharts
28msetState Machine
34mSimplifying Complex UIs with Finite Automata & Statecharts
34mStill Not into State Machines in 2023?!
38mState of the Art Web User Interfaces with State Machines
28mState machines for frontend state management
01h 01mThe visual future of reactive applications with statecharts
38mInto the Visual World of State Machines