# 资源

以下是,用于在实际应用中学习和使用 XState 的许多资源的不完全集合。查看 GitHub 上的 Awesome XState (opens new window) 集合以获取更多资源!

Stately member - 来自 Stately 的资源

# 课程

Official Course

Watch the official State Machines in JavaScript with XState (opens new window) course by @davidkpiano (opens new window) on Frontend Masters! In this course, you’ll learn the fundamentals of state machines and statecharts, from building your own without any libraries in pure JavaScript, up to using XState to take advantage of a wide variety of other features.

The workshop code examples are open-sourced and available on GitHub (opens new window).

There is also a follow-up course: State Modeling with React and XState (opens new window). Once you've gone through the first course, be sure to take this one too so you can learn how to apply state machines and statecharts to real-world apps and master advanced concepts such as spawning/invoking actors and model-based testing.

Catalogue

Explore a collection of professionally-designed state machines and statecharts in the XState Catalogue (opens new window). You can copy-paste these machines directly into your projects, as well as visualize them directly in the catalogue.

Other great courses and guides:

# 播客

# 文章

# 视频

# 仓库