DEV Community

24 days to learn statecharts #devadvent Series' Articles

Back to Mikey Stengel's Series
Introducing state machine advent: 24 bite-sized blog posts about state machines and statecharts

Introducing state machine advent: 24 bite-sized blog posts about state machines and statecharts

177
Comments
4 min read
State machine advent: The simplest state machine that will improve your code today (1/24)

State machine advent: The simplest state machine that will improve your code today (1/24)

17
Comments 1
2 min read
State machine advent: Anatomy of a state machine 🤖 (2/24)
Cover image for State machine advent: Anatomy of a state machine 🤖 (2/24)

State machine advent: Anatomy of a state machine 🤖 (2/24)

10
Comments
1 min read
State machine advent: Baby's first state machine with XState (3/24)
Cover image for State machine advent: Baby's first state machine with XState (3/24)

State machine advent: Baby's first state machine with XState (3/24)

26
Comments
3 min read
State machine advent: Visualize your state machines with diagrams as you code (4/24)
Cover image for State machine advent: Visualize your state machines with diagrams as you code (4/24)

State machine advent: Visualize your state machines with diagrams as you code (4/24)

21
Comments 2
2 min read
State machine advent: Invoking a state machine in React (5/24)

State machine advent: Invoking a state machine in React (5/24)

16
Comments 2
3 min read
State machine advent: From implicit to explicit state machine (6/24)

State machine advent: From implicit to explicit state machine (6/24)

25
Comments
3 min read
State machine advent: Statically type state machines with TypeScript (7/24)

State machine advent: Statically type state machines with TypeScript (7/24)

16
Comments
2 min read
State machine advent: Why state machines don't scale (8/24)

State machine advent: Why state machines don't scale (8/24)

9
Comments 2
2 min read
State machine advent: Introduction to nested and parallel states using statecharts (9/24)

State machine advent: Introduction to nested and parallel states using statecharts (9/24)

17
Comments
2 min read
State machine advent: How to match against nested states in XState (10/24)

State machine advent: How to match against nested states in XState (10/24)

20
Comments 2
2 min read
State machine advent: A safer way to type events and state (11/24)

State machine advent: A safer way to type events and state (11/24)

12
Comments 6
2 min read
State machine advent: You are saying I can put infinite state into my finite automata? (12/24)

State machine advent: You are saying I can put infinite state into my finite automata? (12/24)

9
Comments
2 min read
State machine advent: Update XState context with actions (13/24)

State machine advent: Update XState context with actions (13/24)

14
Comments
2 min read
State machine advent: Guard state transitions, guard actions (14/24)

State machine advent: Guard state transitions, guard actions (14/24)

10
Comments 3
2 min read
State machine advent: One event, two possible state transitions (15/24)
Cover image for State machine advent: One event, two possible state transitions (15/24)

State machine advent: One event, two possible state transitions (15/24)

12
Comments 10
2 min read
State machine advent: A better way to type guards and actions (16/24)

State machine advent: A better way to type guards and actions (16/24)

13
Comments
3 min read
State machine advent: Reusable conditional logic with custom guards (17/24)
Cover image for State machine advent: Reusable conditional logic with custom guards (17/24)

State machine advent: Reusable conditional logic with custom guards (17/24)

13
Comments 2
3 min read
State machine advent: Let the machine handle accessibility for you (18/24)

State machine advent: Let the machine handle accessibility for you (18/24)

23
Comments 2
5 min read
State machine advent: Asynchronous code in XState (19/24)

State machine advent: Asynchronous code in XState (19/24)

21
Comments 3
3 min read
State machine advent: The power of null events (20/24)

State machine advent: The power of null events (20/24)

9
Comments
3 min read
State machine advent: Invoking a reusable state machine (21/24)

State machine advent: Invoking a reusable state machine (21/24)

24
Comments
5 min read
State machine advent: Building hierarchy using the actor model and cross-machine communication (22/24)

State machine advent: Building hierarchy using the actor model and cross-machine communication (22/24)

44
Comments
7 min read
State machine advent: Accessing private actor state in components (23/24)

State machine advent: Accessing private actor state in components (23/24)

45
Comments
3 min read
State machine advent: Everything you need to master statecharts (24/24)

State machine advent: Everything you need to master statecharts (24/24)

43
Comments 8
6 min read