1
Course Intro and Overview
1m 10s
2
Eliminate Boolean Explosion by Enumerating States
1m 52s
3
Replace Enumerated States with a State Machine
3m 7s
4
Use an Interpreter to Instantiate a Machine
2m 1s
5
Use XState Viz to Visually Develop and Test Your Machine
2m 5s
6
Add Actions to Transitions to Fire Side Effects
2m 48s
7
Trigger Actions When Entering and Exiting a XState State
2m 45s
8
Replace Inline Functions with String Shorthands
1m 34s
9
Use Internal Transitions in XState to Avoid State Exit and Re-Entry
1m 25s
10
Send Events to the Machine with the XState Send Action Creator
1m
11
Track Infinite States with with XState Context
3m 41s
12
How Action Order Affects Assigns to Context in a XState Machine
2m 30s
13
Use Activities in XState to Run Ongoing Side Effects
2m 58s
14
Conditionally Transition to States with Guards in XState
2m 4s
15
Simplify State Explosion in XState through Hierarchical States
2m 33s
16
Multiple Simultaneous States with Parallel States
2m 24s
17
Recall Previous States with XState History States Nodes
2m 37s
18
Use XState Null Events and Transient Transitions to Immediately Transition States
1m 58s
19
Delay XState Events and Transitions
3m 21s
20
Invoking a Promise for Asynchronous State Transitions in XState
2m 45s
21
Invoke Callbacks to Send and Receive Events from a Parent XState Machine
3m 20s
22
Invoke Child XState Machines from a Parent Machine
3m 1s

Use XState Viz to Visually Develop and Test Your Machine

XState>=4.6.7
JavaScript

Share this video with your friends

XState Viz is an online tool for visualizing our state machines. It allows you to write any state machine in the code panel on the right, and see it visualized on the left. Not only is the visualization helpful, but it is interactive. We're able to test out our machine manually by clicking the various events on the left. Anything lit blue is available for clicking. As we go further in the course, we'll discover other features of the visualization.

Use XState Viz to Visually Develop and Test Your Machine

Share this video with your friends

Course

Introduction to State Machines Using XState