XState 中文网

# 资源

¥Resources

这些 XState v4 文档不再维护

XState v5 现已推出！阅读有关 XState v5 的更多信息 (opens new window) 和 查看 XState v5 文档 (opens new window)。

¥XState v5 is out now! Read more about XState v5 (opens new window) and check out the XState v5 docs (opens new window).

以下是在实际应用中学习和应用 XState 的许多资源的不完整集合。查看 GitHub 上的 很棒的 XState (opens new window) 集合以获取更多资源！

¥Below is an incomplete collection of many resources for learning and applying XState in real-world applications. Check out the Awesome XState (opens new window) collection on GitHub for even more resources!

Stately member

  • 来自 Stately 成员的资源

    ¥Resource from a Stately member

# 课程

¥Courses

官方课程

观看 @davidkpiano (opens new window) 在前端大师上的官方 JavaScript 中的状态机与 XState (opens new window) 课程！在本课程中，你将学习状态机和状态图的基础知识，从在没有任何纯 JavaScript 库的情况下构建自己的状态机和状态图，到使用 XState 来利用各种其他功能。

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

研讨会代码示例为 开源并可在 GitHub 上获取 (opens new window)。

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

还有后续课程：使用 React 和 XState 进行状态建模 (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.

目录

探索 XState 目录 (opens new window) 中一系列专业设计的状态机和状态图。你可以将这些机器直接复制粘贴到你的项目中，也可以直接在目录中可视化它们。

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

# 播客

¥Podcasts

# 文章

¥Articles

# 视频

¥Videos

# 存储库

¥Repositories

← 教程 →