XState Guide

This guide details how to make user-interface components using finite-state machines through XState. It assumes you have a basic knowledge of React, Styled-Components & TypeScript. The guide follows a space theme. In each lesson, you will make a satellite.

  • Basic Satellite

    Concepts Covered
    • States
    • Initial State
    • Transitions
    Go to Lesson
  • Orbit Satellite

    Concepts Covered
    • States
    • Initial State
    • Context
    • Options
    Go to Lesson