Blog
XState Store v3
XState Store v3 brings improved state management capabilities with better TypeScript support and a more streamlined API.
Wed Feb 26 2025
WebinarGeek x Stately - Making Streaming Webinars More Reliable
WebinarGeek leans on Stately tooling to manage the inherent complexities in building the best user-friendly webinar platform on the internet.
Tue Nov 12 2024
Viam x Stately - Smart Machines Meet State Machines
Controlling hardware in the real world requires confidence and safety, even when it's part of a game!
Mon Jul 29 2024
Introducing XState Store
A simple and small state management library inspired by XState
Wed Apr 10 2024
Changelog Week 7 2024
In the last few weeks, we’ve released single-file GitHub pull requests, machine sorting, and many other improvements and bug fixes.
Fri Feb 16 2024
Stately Office Hours 80
Watch our latest office hours live stream where we cover single file GitHub pull requests, sorting machines, Stately Agent, updates to XState and more.
Fri Feb 16 2024
Global state with XState and React
How to use XState to manage global state in React
Mon Feb 12 2024
Edit a state machine from GitHub without touching any code
Import a state machine from GitHub to Stately, edit the machine, and make a pull request back to GitHub without touching any code.
Wed Feb 07 2024
Migrating machines to XState v5
A walkthrough of migrating an existing XState v4 machine to XState v5
Fri Feb 02 2024
Changelog Week 5 2024
Embedding Figma frames has arrived in Stately Studio! We’ve also made more improvements and squashed some bugs. And have you tried Stately Agent yet?
Tue Jan 30 2024
Building backend workflows with Stately: Credit checking flow
Join Gavin as he details an example backend credit reporting flow built with XState and Stately tooling. In this demo, he covers parallel states, final states, and conditional guards.
Wed Jan 24 2024
Embed Figma designs in Stately
You can now embed Figma frames in Stately states
Wed Jan 24 2024
State Machines - What’s in a name?
An overview of naming conventions for state machines, including tips and guidlines for naming
Tue Jan 23 2024
Changelog Week 3 2024
This week, the headline is Stately Inspector! But we’ve also made some improvements and fixed a few bugs in Stately Studio.
Fri Jan 19 2024
Stately Office Hours 79
Watch our latest office hours live stream where we cover Stately Agent, Figma Embed, and more.
Fri Jan 19 2024
Introducing Stately Inspector
Stately Inspector is a universal tool that enables you to visually inspect the state of any application, frontend or backend, with the visualization of Stately’s editor.
Mon Jan 15 2024
XState: Exploring actors live stream
Watch our latest live stream where we cover actors in XState. Learn more about common use cases, more complex state machines, and the actor model.
Fri Jan 12 2024
Building backend workflows with Stately: Media scanning
Watch Gavin as he covers an example backend media scanning workflow defined and implemented with XState and Stately tooling.
Thu Jan 11 2024
Changelog Week 2 2024
We’ve had a busy start to 2024 with the release of GitHub Sync, sources, and draft projects. We’ve also made plenty of improvements and fixed a few bugs.
Thu Jan 11 2024
Bidirectional GitHub Sync is now here!
Watch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.
Tue Jan 09 2024
Unlock bidirectional editing with sources
With sources, you can now provide implementation code for your actions, actors, and guards, making syncing between the editor and your codebase a breeze.
Tue Jan 09 2024
A look back at Stately in 2023
As we start 2024, we wanted to look back at what the Stately team accomplished in 2023 and take a sneak peek at what you can expect from Stately in 2024.
Mon Jan 08 2024
Stately Office Hours 77
Watch our latest office hours live stream where we cover new features including draft projects, sources, Stately Inspect, and GitHub Sync.
Thu Jan 04 2024
New Stately Studio tour
Watch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.
Wed Jan 03 2024
Stately Office Hours 76
Watch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.
Tue Jan 02 2024
Changelog December 2023
It’s the end of 2023 and we’ve got a few more updates to share with you before the year is out.
Fri Dec 29 2023
TIDEFI x Stately: Decentralized finance and investments management
Building a robust and user-friendly financial services platform. A Stately and TIDEFI case study.
Thu Dec 07 2023
Fugo x Stately: digital signage design and automation case study
Digital signage for the modern business. A Stately and Fugo case study.
Mon Dec 04 2023
XState v5 is here
Today, we’re happy to finally release XState v5! This is a new major version of XState focusing on actors and helping you get started with XState faster and more easily than previous versions.
Fri Dec 01 2023
Koordinates x Stately: geospatial data management case study
Making geographic information systems accessible and collaborative. A Stately and Koordinates case study.
Tue Nov 28 2023
Changelog for our biggest release yet
This week has seen us introduce some of our biggest features yet and plenty of small updates to improve your Stately experience.
Thu Nov 23 2023
Stately Studio 2.0
We’re so excited to release Stately Studio 2.0, which aims to meet developers where they are, no matter which libraries, frameworks, or even languages they use.
Mon Nov 20 2023
Introducing Stately Sky
Announcing Stately Sky, the new way to run your state machines in the cloud.
Mon Nov 13 2023
Generate test paths and create machines faster than ever before
It’s been a while since our last changelog update, so let’s get right to it!
Fri Nov 03 2023
What is a state machine?
Learn what a state machine is, and how it can help you model and understand complex systems visually.
Thu Oct 05 2023
Persisting and restoring state in XState
Learn how to persist and restore your state machine state in XState
Mon Oct 02 2023
Context schema and export to CodeSandbox or StackBlitz
You can now open your machine in CodeSandbox or StackBlitz. These options show when you select either JavaScript or TypeScript export formats in the Code panel.
Thu Sep 21 2023
Make the dream work! An overview of Stately Studio’s teams feature
Getting the most out of Stately Studio’s teams feature
Tue Sep 19 2023
Event schemas, free Viewer roles for teams, and more!
The Stately team has had another busy week. The editor now has event schemas, and we’ve made many more improvements. Let’s dig in!
Fri Sep 15 2023
Fixes and improvements
We’ve released many new features recently, but we’ve also made minor enhancements and bug fixes to improve your Stately experience.
Wed Sep 06 2023
New experimental feature: generating flows
Learn how to generate and modify flows from plain text using Stately's new intelligent features
Wed Sep 06 2023
Generate flow
As a Stately Pro user, you can now auto-create machines from text descriptions with our new experimental feature, Generate flow.
Fri Sep 01 2023
Lock machines
Yet another new Pro feature for you this week: you can now lock machines to prevent accidental edits.
Fri Sep 01 2023
Fixes and improvements
This week, the Stately team has been hard at work with even more bug fixes and improvements.
Wed Aug 23 2023
Export descriptions and meta fields, and even more improvements!
You can now choose to export state and event descriptions and meta fields with your exported code.
Thu Aug 17 2023
The latest live streams from Stately
The Stately team has been doing a lot of live streams lately, covering the front-end, back-end, and everything new in the Stately editor.
Thu Aug 17 2023
And all the other improvements this week!
Our new Learn Stately guidance got its own changelog this week, but there’s more that’s new to Stately.
Thu Aug 10 2023
Learn Stately with our new editor videos
We’ve created our Learn Stately guidance and accompanying tutorials to introduce the basic concepts of state machines.
Thu Aug 10 2023
Markdown in annotations, performance improvements, and more!
This week’s headlines are that annotations now support markdown, and we’ve made many performance improvements!
Fri Aug 04 2023
Stately Office Hours 68
We’ve recently launched a huge Stately release, and we covered it all (as well as some even newer features!) in our latest office hours live stream.
Wed Jul 26 2023
Stately minor improvements
The Stately team has released more this week, and we have even more fixes and improvements for you.
Wed Jul 26 2023
Improving your flows with color
As part of our recent colossal release, we’ve launched a new feature for pro users - colors.
Mon Jul 24 2023
Export to Mermaid
You can now export your state machines to Mermaid code and diagrams!
Thu Jul 20 2023
Stately Studio minor improvements
We launched a huge release last week, but we already have more for you! In the last week, we made the following bug fixes and improvements.
Tue Jul 18 2023
Supercharge the canvas
Today we are excited to release an update to Stately that takes a huge step towards making complexity more manageable.
Tue Jul 11 2023
New webinar: Intro to Stately Studio and state machines
Join Anders and Laura for a tour of Stately Studio and an introduction to state machines featuring the next release of Stately Studio.
Wed Jul 05 2023
25 new server-side workflow examples
We’ve added 25 new server-side workflows examples for XState V5, from simple state machines to more complex workflows.
Tue Jun 20 2023
Stately Studio minor improvements
In the last week, we made the following bug fixes and improvements.
Wed Jun 14 2023
What is the actor model and when should I use it?
At Stately, the Actor Model is one of our favorite programming paradigms, and we think it’s for good reason!
Tue May 30 2023
Stately Studio minor improvements
In the last week, we made the following bug fixes and improvements.
Fri May 26 2023
Announcing XState v5 beta
We’re excited to announce the beta release of XState v5 and related packages after many years of development.
Thu May 25 2023
Context-aware search in the docs
The search results in the Stately Studio and XState docs are now context-aware.
Fri May 19 2023
Explain your machines with annotations
Sometimes you want to share a machine with descriptive details or comments, so we’ve added annotations to Stately Studio.
Thu May 18 2023
Stately Studio minor improvements
Over the week, the Stately team made the following improvements.
Wed May 17 2023
Watch in-depth demos in our Stately Streams
Tomorrow is part four in our popular Stately Stream series, where we are modeling a semi-complex client-side application using XState, Stately Studio, React and TypeScript.
Tue May 16 2023
Watch our “best Stately office hours yet”
Two weeks ago we had what some have called our “best office hours yet.” Watch the video to find out what’s coming soon to Stately Studio.
Fri May 12 2023
Everything new since Stately Studio 1.0!
It’s been more than six months since the release of Stately Studio 1.0, and we’ve been busy working on Stately Studio and XState. Here are some of the highlights.
Thu May 04 2023
Introducing ➡️ state . new
We’re making it even easier to create state diagrams with our new domain state.new.
Wed May 03 2023
Track changes as you work with Version History
Version History is one of our most recent Pro features in Stately Studio. You can track changes to your work as you go.
Tue May 02 2023
New default machine
There’s now a more detailed default machine when you create a new machine in Stately Studio or jump straight into modeling at state.new.
Fri Apr 28 2023
Embed URL
🤫 We’re testing a new feature where you can embed machines.
Fri Apr 21 2023
Book a demo with the Stately team
Are you looking to take your team collaboration to the next level? Do you want to explore the features of Stately and XState to their fullest potential? Then book a live demo with the Stately team!
Mon Apr 03 2023
Import all machines from your GitHub repo
Learn about a new pro feature in the Stately Studio; importing all your machines from a GitHub repo.
Thu Mar 09 2023
Import machines from GitHub
Learn about a new pro feature in the Stately Studio; importing machines from GitHub.
Mon Feb 06 2023
Making state machines global in React
Learn how to use the `createActorContext` function to make state machines global in React.
Fri Jan 27 2023
What’s new for Stately in 2023
Happy 2023! We thought we’d kick off the year with a reminder of all the features we’ve released since the Stately Studio 1.0 release in October.
Fri Jan 20 2023
Introducing the Stately docs
The time has finally come; our new docs are ready to share with you all. If you’ve been following our office hours, you know I’ve been talking about these docs for a long time…
Thu Jan 19 2023
New in the Studio: Machine restore
We have introduced a new feature to the Stately Studio, a feature we hope you’ll never see. Let’s call it machine restore, for lack of a better description.
Tue Dec 13 2022
New in the Studio: Import from code
One of our most-requested features has just landed in the Stately Studio; you can now import from code!
Tue Nov 29 2022
New: Safari support, new login providers, and more!
It’s been just over a month since we released Stately Studio 1.0, and the team has barely slowed down! We’ve got more features live in the Studio today and even more planned before the end of the year.
Tue Nov 22 2022
Learn the Stately Studio with our new video tutorials
If you’re new to the Stately Studio, state machines or statecharts, we have the videos for you! Our new Stately Studio tutorials playlist on YouTube features bite-size videos to help you get started with understanding statecharts and state machines, and start modeling in the Stately Studio.
Thu Oct 27 2022
Introducing Stately Studio 1.0
We’re excited to announce the release of Stately Studio 1.0! We’ve been working on Stately Studio for over a year now, and we’re thrilled to share it with you.
Tue Oct 18 2022
What’s new in September 2022?
The Stately team has got some huge features to share with you soon. Here’s what we’ve been working hard on through the summer!
Wed Sep 14 2022
Building a resizable panel: Part 2
Farzad and David add more features to their resizable panel using XState and React.
Wed Aug 31 2022
Building a resizable panel
Farzad and David use XState to build the logic for a resizable panel with React in an impromptu live stream.
Mon Aug 22 2022
“Goodbye, useEffect” at React Next conference
Create a state machine in seconds and edit using our visual editor.
Wed Aug 17 2022
XState + VS Code: xsm snippet
Create a state machine in seconds and edit using our visual editor.
Wed Aug 10 2022
What’s new in August 2022?
Get up and running faster with our XState VS Code extension and enjoy all the design details in the Stately studio experience.
Fri Aug 05 2022
“Just Use Hooks”: XState in React Components
XState can be easily added to React components by using custom machine hooks for greater encapsulation and reusability.
Mon Jul 18 2022
What’s new in July 2022?
Search for machines, pinch to zoom, nest typegen files and more! Find out the latest features in the Stately editor and XState VS Code extension.
Wed Jul 06 2022
What is XState used for?
XState can be used wherever JavaScript runs, whether on the backend or frontend. Because the code it creates can be visualized, it’s great at handling complex use cases.
Tue Jun 21 2022
Nesting XState typegen files
What is file nesting in VS Code and how to enable it for XState's generated type files.
Mon Jun 13 2022
What’s new in June 2022?
Updates to XState, @xstate/test and the Stately editor in the last month.
Tue Jun 07 2022
What’s new in May 2022?
Updates to XState, @xstate/react and @xstate/fsm in the last month.
Tue May 03 2022
Building a video player with XState and Stately tools
A few weeks ago we uploaded a new video to the Stately YouTube channel showing how you can build basic video player functionality using XState and Stately tools.
Tue Apr 05 2022
Introducing the new Stately Roadmap
We’ve added a Roadmap to our Documentation, so you know what we’re currently working on and what features are coming up soon.
Tue Mar 29 2022
Stately is hiring!
We’re hiring for a frontend engineer, backend engineer, developer advocate and product designer at Stately.
Mon Mar 28 2022
Stately Changelog #1 - Snap To Elements
The Stately Editor changelog is where we discuss new features released to the Stately Editor beta.
Wed Mar 23 2022
Introducing the new Stately homepage
Last week we launched the new Stately homepage, which we hope will make it easy to understand what Stately and XState are and help you convince your team to use state machines.
Wed Mar 16 2022
Open VSX XState VSCode extension now available
If you use VSCodium, Coder, Gitpod or another editor with VSCode-compatible extensions, you can now install the XState VSCode extension.
Tue Mar 15 2022
Introducing: The XState CLI
Get ready to run XState’s typegen commands outside of VSCode in our all-new CLI.
Thu Mar 03 2022
Modelling 101: How to build a statechart from scratch
Stately dev Matt Pocock takes you through a step-by-step guide on modelling statecharts
Thu Feb 17 2022
Stately Editor public beta
We’re excited to announce the public beta of the Stately Editor! The Stately Editor is a tool for creating and editing state diagrams. We’ve received a lot of great feedback from the private beta testers, and now we’re delighted to share it with everyone.
Tue Feb 08 2022
Introducing: TypeScript typegen for XState
XState’s TypeScript experience just got an enormous upgrade - Typescript typegen, integrated with VS Code.
Thu Jan 27 2022
What are the biggest benefits of state machines?
At Stately we’re fans of state machines, but we wanted to ask our community… what are the benefits you’ve experienced from using state machines?
Tue Dec 14 2021
How do you convince your teammates to use XState?
Last week our question of the week was how do you convince your teammates to use XState? Here are some suggestions
Mon Oct 11 2021
Introduction to state machines and statecharts
Introduction to state machines and statecharts
Sat Oct 02 2021
useState vs useReducer vs XState - Part 1: Modals
Managing state at different levels of complexity is hard. This series of articles should help you make the right choices off the bat. Today we’re starting with modals.
Wed Jul 28 2021
How to manage global state with XState and React
Everything you need to know to manage global state with XState and React.
Thu May 27 2021
Why I love invoked callbacks
I’ve written a bit about services, but today I wanted to talk about my favourite way of expressing services: the Invoked Callback.
Thu May 13 2021
Should this be an action, or a service?
Whether to use an action or a service in XState.
Fri Apr 30 2021
Should this be a state, or in context?
How to decide when to use state or context.
Thu Apr 29 2021
What’s the difference between Machine and createMachine?
XState offers two options for declaring machine definitions. This can be confusing for beginners. Why are there two very similar-looking methods? What’s the difference?
Wed Apr 28 2021
You don’t need a library for state machines
Do you need a library to create and interpret state machines in your programs? No. But there are more things to consider.
Wed Jan 20 2021
“Just use props”: An opinionated guide to React and XState
XState is the most powerful tool available for managing complex state. The challenge comes when integrating XState with React…
Mon Jan 11 2021
State machines: How to stop making Horcruxes in your code
There are several ways of mitigating horcruxes. But visualisations can prevent bugs, so why not go further?
Mon Jul 27 2020
How to tell a bad boolean from a good boolean
TL;DR: Bad booleans represent state. Good booleans are derived from state
Wed May 27 2020
Redux is half of a pattern (2/2)
Learn how Redux, and all other state management libraries, have one thing in common - they are all partial implementations of state machines - and how we can improve the way we model app state and logic.
Fri May 22 2020
Redux is half of a pattern (1/2)
Learn how Redux, and all other state management libraries, have one thing in common - they are all partial implementations of state machines - and how we can improve the way we model app state and logic.
Mon Jan 20 2020
XState: version 4.7 and the future
XState version 4.7 has just been released. This is a minor version bump, but a major reworking of the internal algorithms, a lot of new capabilites, bug fixes and a better TypeScript experience.
Mon Dec 09 2019
No, disabling a button is not app logic.
Disabling a button is not logic. Rather, it is a sign that logic is fragile and bug-prone. Let’s explore this with a simple example: fetching data in a React component.
Wed Nov 13 2019