# 教程

¥Tutorials

这些 XState v4 文档不再维护

🆕 请参阅资源，了解网络上收集的各种 XState 资源的最新列表！

¥🆕 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

¥Videos