Code

Learn how to use Stately Studio’s code.

• Import from code

  Importing from code is helpful if you’ve already built machines while working with XState, or have created a machine using our older Stately Viz but haven’t yet tried Stately Studio’s editor.

• Connect GitHub repo

  Sync your machines from GitHub with Stately Studio.

• Generate test paths

  You can generate test path code for your state machines from the Tests panel, which you can use to implement tests in your code. Both setup code and test code for each path are generated.

• Sources

  You can add source code for actors, actions, and guards from the Sources panel. Your source code will be included in your live actors, synced projects, and exported code.

• Export as code

  Exporting as code is useful if you want to use your machine with XState inside your codebase or if you want to duplicate your machine without using Fork.