Introduction to State Machines with Xstate and React

Prerequisites

  • basic Javascript knowledge
  • basic React knowledge

You won't need to do any setup, for coding we will be using CodeSandbox

Agenda

  • Introduction to states machines concept
  • States, events and transitions
  • Actions
  • Context
  • Guards
  • More on Transitions
  • Invoking Promises services
  • Parallel machines
  • Invoking Machines
  • Typescript

Lectures combined with coding

Extra resources

Slides and code examples are available in repository on Github

Basics of state machines are covered. For even better understaning refer to official XState documentation

Let's get it started

Made with Slides.com