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

Track Infinite States with with XState Context

XState>=4.6.7
JavaScript

Share this video with your friends

Consider a text input. It would be impossible for anyone to model every value you could possibly put into it, because the number of possible values is infinite. This is an infinite state.

Infinite state can be tracked and utilized by XState machines as "extended state". This extended state is called context. Context is passed to every function that is triggered by the machine: actions, activities, guards, and more.

In this lesson we learn how to set context and update it through assign actions.

Course

Introduction to State Machines Using XState

Xavier Glab

~ 3 years ago

This whole course is an absolute gold. I used to use redux, ngrx, zustand and a bit of jotai, but XState is the most powerful, if not the easiest to get a grasp on.

Thanks Kyle!