24 days to learn statecharts #devadvent Series' Articles

Mikey Stengel

Dec 1 '19

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

#javascript #typescript #react

177

4 min read

Mikey Stengel

Dec 1 '19

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

#javascript #typescript #react

17

1

2 min read

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

Mikey Stengel

Dec 2 '19

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

#javascript #typescript #react

10

1 min read

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

Mikey Stengel

Dec 3 '19

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

#javascript #typescript #react

26

3 min read

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

Mikey Stengel

Dec 4 '19

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

#javascript #typescript #react

21

2

2 min read

Mikey Stengel

Dec 5 '19

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

#javascript #typescript #react

16

2

3 min read

Mikey Stengel

Dec 6 '19

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

#javascript #typescript #react

25

3 min read

Mikey Stengel

Dec 7 '19

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

#typescript #javascript #react

16

2 min read

Mikey Stengel

Dec 8 '19

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

#javascript #typescript #react

9

2

2 min read

Mikey Stengel

Dec 9 '19

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

#typescript #javascript #react

17

2 min read

Mikey Stengel

Dec 10 '19

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

#javascript #typescript #react

20

2

2 min read

Mikey Stengel

Dec 11 '19

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

#typescript #javascript #react

12

6

2 min read

Mikey Stengel

Dec 12 '19

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

#typescript #javascript #react

9

2 min read

Mikey Stengel

Dec 13 '19

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

#typescript #javascript #react

14

2 min read

Mikey Stengel

Dec 14 '19

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

#javascript #typescript #react

10

3

2 min read

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

Mikey Stengel

Dec 15 '19

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

#javascript #typescript #react

12

10

2 min read

Mikey Stengel

Dec 16 '19

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

#typescript #javascript #react

13

3 min read

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

Mikey Stengel

Dec 17 '19

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

#javascript #typescript #react

13

2

3 min read

Mikey Stengel

Dec 19 '19

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

#typescript #javascript #react #a11y

23

2

5 min read

Mikey Stengel

Dec 19 '19

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

#typescript #javascript #react

21

3

3 min read

Mikey Stengel

Dec 20 '19

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

#javascript #typescript #react

9

3 min read

Mikey Stengel

Dec 21 '19

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

#typescript #javascript #react

25

5 min read

Mikey Stengel

Dec 22 '19

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

#typescript #javascript #react

44

7 min read

Mikey Stengel

Dec 23 '19

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

#typescript #javascript #react

45

3 min read

Mikey Stengel

Dec 24 '19

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

#typescript #javascript #react

43

8

6 min read