State Machines in JavaScript with XState

State Machines in JavaScript with XState

3 hours, 45 minutes CC

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

Introduction

Vanilla JS State Machine

XState

XState Actions

Transitions

Hierarchical, History & Parallel States

XState Extensions

Wrapping Up