Installation

You can install XState from NPM or Yarn, or you can embed the <script> directly from a CDN.

Package Manager

npm install xstate@latest --save
# or:
yarn add xstate@latest --save

Exports

The important exports are as follows:


 
 
 
 
 
 
 
 


import {
  Machine,
  State,
  actions,
  assign,
  send,
  sendParent,
  interpret,
  spawn
} from 'xstate';

CDN

You can include XState directly from the unpkg CDN:

<script src="https://unpkg.com/xstate@4/dist/xstate.js"></script>

The variable XState will be available globally, which will give you access to the top-level exports.

const { Machine, actions, interpret } = XState; // global variable: window.XState

const lightMachine = Machine({
  // ...
});

const lightService = interpret(lightMachine);