# Tutorials

These XState v4 docs are no longer maintained

🆕 Please see Resources for an up-to-date listing of various XState resources collected around the web!

# Articles

XState - a TypeScript state machine with a lot of features (opens new window) by Frank Quednau
- An overview of creating state machines with XState and TypeScript
- Includes a full React example (opens new window)
Creating a Complex IVR System with Ease with XState (opens new window) by Yonatan Mevorach
- Tutorial on how to create an IVR (interactive voice response) system with XState, Express, and Nexmo
My love letter to XState and statecharts ♥ (opens new window) by Tim Deschryver (opens new window)
- Overview of the benefits and experience of developing with XState
- Includes a demo xstate-table project (opens new window) using the exact same XState machine in the following languages:
Finite State Machines in React JS using XState (opens new window) by Sooraj Nair (opens new window)
- Explanation of what finite state machines are, as well as a tutorial on building a simple authentication flow with React (class components)
- Has screenshots to generated machine visualizations
Vuex + XState (opens new window) by Brock Reece (opens new window)
- A nice, short article on using XState with Vuex
- Doesn't use services, but uses a plain Machine(...).
- See the Vue recipes for more information on integrating XState with Vue
Getting Started with XState (opens new window) by Viet Nguyen (opens new window)
- An example of using XState with NextJS
PureUI Chatbot with Xstate + React (opens new window)
- builds a chatbot using xState and reactjs