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

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 19 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)

Reactions 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)

Reactions 24 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)

Reactions 15 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

Reactions 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)

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

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

Reactions 20 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)

Reactions 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)

Reactions 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)

Reactions 42 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)

Reactions 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)

Reactions 42 Comments 8
6 min read