XState: the Visual Future of State Management
summary
Argues that encoding state machines and statecharts in XState makes app behavior explicit and visual, not just conceptual, and that machines prevent impossible states, reduce ad hoc checks, and can lower re-renders by scoping updates. Demonstrates concrete APIs — useMachine / useInterpret / useSelector — and new ergonomics like createModel and event creators, plus upcoming v5 changes (partial wildcards, composable guards, modular actors, ordered assigns, better TypeScript). Shows working tools: XState Inspector, catalog and Stately visual editor, with an alpha available.
AI-written summary · about
chapters (9)
- 0:00The concept of statecharts
- 2:22Limitations of current logic
- 5:31Statecharts vs reducers
- 7:45Introduction to XState
- 10:52XState React features
- 14:26XState model and typescript
- 17:28Future XState improvements
- 20:45Version 5 and visualization
- 24:11Visualizing the future of code
related talks
31mXState: the Visual Future of State Management
19mThe State of XState
40mVisualize your State Management with XState
45mState of the Art User Interfaces with State Machines
38mInto the Visual World of State Machines
34mStill Not into State Machines in 2023?!
27mMaking Application Logic Visually Collaborative
01h 01mThe visual future of reactive applications with statecharts