Installation

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

Package Manager

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

CDN

You can include XState directly from the unpkg CDN:

html
<script src="https://unpkg.com/xstate@4/dist/xstate.js"></script>
html
<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.

js
const { createMachine, actions, interpret } = XState; // global variable: window.XState
const lightMachine = createMachine({
  // ...
});
const lightService = interpret(lightMachine);
js
const { createMachine, actions, interpret } = XState; // global variable: window.XState
const lightMachine = createMachine({
  // ...
});
const lightService = interpret(lightMachine);

Edit this page on GitHub