Working with State Machines in Angular
summary
Claims that using xstate with Angular cuts state/control complexity and creates a common language for teams. Shows a working auth state machine for the realworld app: states, transitions, context (user + errors), and side effects implemented by invoke observables calling an auth service. Demonstrates visualization and devtools, saving/restoring machine snapshot via localStorage persistence. Notes examples are WIP but the machine runs and emits success/failure events back to the machine.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 0:45Agenda
- 1:15My Journey to State Machines
- 4:50Finite State Machines
- 5:58About Stefanos
- 6:27About AngularNL
- 7:26XState
- 7:41Finite State Machine
- 9:28History of State Machines
- 11:05Hierarchy
- 15:50States
- 18:19Effects
- 21:30Visualization
- 23:04State in Angular
- 24:07How to use it
related talks
27mXState: the Visual Future of State Management
40mVisualize your State Management with XState
45mState of the Art User Interfaces with State Machines
31mXState: the Visual Future of State Management
38mInto the Visual World of State Machines
34mStill Not into State Machines in 2023?!
28mState machines for frontend state management
29mCrafting Stateful Styles with State Machines