Coding Complex App Logic, Visually
summary
Argues that using state machines and statecharts tames growing boolean sprawl (example: ambiguous isLoading/isError combos) by turning flows into executable diagrams that translate to code, generate tests, and stay in sync with user stories. Demonstrates a bi‑directional editor—Stately Editor and a VS Code extension—that edits diagrams and code simultaneously, works with xstate and any framework, and proves the visual model actually compiles to working app logic.
AI-written summary · about
chapters (9)
- 0:00Introduction and welcome
- 1:07Complex logic with booleans
- 3:54History of visual tools
- 6:45Abstraction vs complexity
- 8:11Visual tools in other industries
- 10:34Executable models for teams
- 12:58XState library overview
- 13:39Visual programming with Stately
- 15:01Conclusion and future plans
related talks
40mCoding Complex App Logic, Visually
27mMaking Application Logic Visually Collaborative
38mInto the Visual World of State Machines
01h 01mThe visual future of reactive applications with statecharts
37mReactive State Machines and Statecharts
22mMake legacy code delightful with statecharts
34mSimplifying Complex UIs with Finite Automata & Statecharts
19mIntroducing state machines and statecharts