Skip to content

XState 示例

XState v5 示例也可以在 /examples 目录 中找到。许多示例都有一个 CodeSandbox 链接，您可以在浏览器中运行该示例。

简单的 fetch 示例​

一个简单的 fetch 示例，使用以下技术构建：

7GUIs 计数器 (React)​

一个使用以下技术构建的 7GUIs 计数器 实现：

7GUIs 温度转换器 (React)​

这是一个使用以下技术构建的 7GUIs 温度转换器 实现：

简单列表 (React)​

一个使用以下技术构建的 React 列表：

秒表​

一个使用以下技术构建的简单秒表：

井字棋游戏 (React)​

一个使用以下技术构建的井字棋游戏实现：

拼图游戏 (React)​

一个使用以下技术构建的简单拼图游戏：

TodoMVC (React)​

一个使用以下技术构建的 TodoMVC 实现：

切换​

一个使用以下技术构建的简单切换：

Hello world 工作流​

来自 CNCF Serverless Workflow 示例 的无服务器 hello world 工作流，使用以下技术构建：

  • XState v5

GitHub 上的 Hello world 工作流

问候工作流​

来自 CNCF Serverless Workflow 示例 的无服务器问候工作流，使用以下技术构建：

  • XState v5

GitHub 上的问候工作流

基于事件的问候工作流​

来自 CNCF Serverless Workflow 示例 的无服务器基于事件的问候工作流，使用以下技术构建：

  • XState v5

GitHub 上的基于事件的问候工作流

解决数学问题​

来自 CNCF Serverless Workflow 示例 的无服务器数学问题解决工作流，使用以下技术构建：

  • XState v5

GitHub 上的解决数学问题

并行执行工作流​

来自 CNCF Serverless Workflow 示例 的无服务器并行执行工作流，使用以下技术构建：

  • XState v5

GitHub 上的并行执行工作流

异步函数调用工作流​

来自 CNCF Serverless Workflow 示例 的无服务器异步函数调用工作流，使用以下技术构建：

  • XState v5

GitHub 上的异步函数调用工作流

异步子流程调用工作流​

来自 CNCF Serverless Workflow 示例 的无服务器异步子流程调用工作流，使用以下技术构建：

  • XState v5

GitHub 上的异步子流程调用工作流

基于事件的转换（基于事件的开关）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器基于事件的转换工作流，使用以下技术构建：

  • XState v5

GitHub 上的基于事件的转换工作流

申请人请求决策工作流​

来自 CNCF Serverless Workflow 示例 的无服务器申请人请求决策工作流，使用以下技术构建：

  • XState v5

GitHub 上的申请人请求决策工作流

订单处理（错误处理）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器订单处理（错误处理）工作流，使用以下技术构建：

  • XState v5

GitHub 上的订单处理（错误处理）工作流

监控作业完成（轮询）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器监控作业完成（轮询）工作流，使用以下技术构建：

  • XState v5

GitHub 上的监控作业完成（轮询）工作流

在工作流完成时发送 CloudEvent​

来自 CNCF Serverless Workflow 示例 的无服务器在工作流完成时发送 CloudEvent 工作流，使用以下技术构建：

  • XState v5

GitHub 上的在工作流完成时发送 CloudEvent

监控患者生命体征工作流​

来自 CNCF Serverless Workflow 示例 的无服务器监控患者生命体征工作流，使用以下技术构建：

  • XState v5

GitHub 上的监控患者生命体征工作流

完成大学申请工作流​

来自 CNCF Serverless Workflow 示例 的无服务器完成大学申请工作流，使用以下技术构建：

  • XState v5

GitHub 上的完成大学申请工作流

执行客户信用检查工作流​

来自 CNCF Serverless Workflow 示例 的无服务器执行客户信用检查工作流，使用以下技术构建：

  • XState v5

GitHub 上的执行客户信用检查工作流

处理汽车拍卖出价（定时启动）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器处理汽车拍卖出价（定时启动）工作流，使用以下技术构建：

  • XState v5

GitHub 上的处理汽车拍卖出价（定时启动）工作流

定期检查收件箱（基于 cron 的工作流启动）​

来自 CNCF Serverless Workflow 示例 的无服务器定期检查收件箱（基于 cron 的工作流启动），使用以下技术构建：

  • XState v5

GitHub 上的定期检查收件箱（基于 cron 的工作流启动）

基于事件的服务工作流​

来自 CNCF Serverless Workflow 示例 的无服务器基于事件的服务工作流，使用以下技术构建：

  • XState v5

GitHub 上的基于事件的服务工作流

重用函数和事件定义工作流​

来自 CNCF Serverless Workflow 示例 的无服务器重用函数和事件定义工作流，使用以下技术构建：

  • XState v5

GitHub 上的重用函数和事件定义工作流

新患者入职（错误检查和重试）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器新患者入职（错误检查和重试）工作流。

GitHub 上的新患者入职（错误检查和重试）工作流

采购订单截止日期（ExecTimeout）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器采购订单截止日期（ExecTimeout）工作流，使用以下技术构建：

  • XState v5

GitHub 上的采购订单截止日期（ExecTimeout）工作流

累积房间读数并创建及时报告（ExecTimeout 和 KeepActive）工作流​

来自 CNCF Serverless Workflow 示例 的无服务器累积房间读数并创建及时报告（ExecTimeout 和 KeepActive）工作流，使用以下技术构建：

  • XState v5

GitHub 上的累积房间读数并创建及时报告（ExecTimeout 和 KeepActive）工作流

汽车生命体征检查（SubFlow Repeat）工作流​

当汽车拍卖处于活动状态时存储单个出价。

来自 CNCF Serverless Workflow 示例 的无服务器汽车生命体征检查（SubFlow Repeat）工作流，使用以下技术构建：

  • XState v5

GitHub 上的汽车生命体征检查（SubFlow Repeat）工作流

图书借阅工作流​

来自 CNCF Serverless Workflow 示例 的无服务器图书借阅工作流，使用以下技术构建：

  • XState v5

GitHub 上的图书借阅工作流

倒水工作流​

来自 CNCF Serverless Workflow 示例 的无服务器倒水工作流，使用以下技术构建：

  • XState v5

GitHub 上的倒水工作流

更多示例即将推出​

如果您有任何想让我们制作的示例，请 向我们的反馈板添加请求 或者为现有建议投票。

如果您有想要分享的示例，请 将您的示例贡献给 XState 仓库。