State Machines in JavaScript with XState

State Machines in JavaScript with XState

3 hours, 45 minutes CC

This course has been updated! We now recommend you take the State Machines in JavaScript with XState, v2 course.

By modeling the state in your application with state machines and statecharts, you will spend less time debugging edge cases and more time modeling complex application logic in a visually clear and robust way. In this course, you’ll learn the fundamentals of state machines and statecharts, from building your own without any libraries in pure JavaScript, up to using XState to take advantage of a wide variety of other features.

This course and others like it are available as part of our Frontend Masters video subscription.

Published: June 15, 2020
Get Unlimited Access Now
Table of Contents


Vanilla JS State Machine


XState Actions


Hierarchical, History & Parallel States

XState Extensions

Wrapping Up