# 教程
🆕 请参阅参考 Resources 以获取在网络上收集的各种 XState 资源的最新列表!
# 文章
- 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
# 视频
- ▶ Introduction to XState (opens new window) by Jon Bellah
- ▶ Introduction to State Machines Using XState (opens new window) by Kyle Shevlin
- ▶ Let's learn state machines with David K. Piano - Learn With Jason (opens new window) with Jason Lengstorf
- ▶ State Machines (playlist) (opens new window) by Leigh Halliday
- ▶ Managing Complex UI with XState (opens new window) by Xavier Lozinguez at React NYC
- ▶ Drawing Apps with XState V4 (opens new window) by Shawn McKay at the ReactJS Vancouver Meetup
- ▶ Standing on the Shoulders of Giants. Development With XState (opens new window) by Brad Woods
- ▶ Using Finite State Machines To Develop Your React App (opens new window) by Lucas Reis at React NYC
- ▶ Quick Introduction to XState (opens new window) by Bhargav Ponnapalli
- ▶ How XState Helps You Think (opens new window) by Swizec Teller
- ▶ Improving State Representation by using XState in React (opens new window) by Jon Condon
- ▶ MobX with XState (opens new window) by Daria Whitecastle at React Denver
- ▶ Rambling Thoughts on React and Finite State Machines (opens new window) by Ryan Florence
- ▶ Intro to State Machines in JavaScript - Part 1 (opens new window) by David Lopez
- ▶ State Machines Meet React Hooks (opens new window) by Zain Fathoni at JSConf.Asia 2019