Skip to content

17 posts tagged with “xstate”

View all tags
20 minute read

Nick Hehr

“机器人”一词引发了各种各样的想法,从手动控制的机器到自动化的软件爬虫。在这个领域的一个主要例子是机器人手臂,传统上用于帮助和扩展人类在制造、手术和太空探索中的能力。这些用例中的每一个都需要某种方式来编程和控制手臂以执行其专用任务,通常使用由制造商开发的专有软件。用户界面通过触摸屏设备或物理连接到手臂的桌面应用程序与硬件紧密耦合,这使得它难以安全地在线使用现代技术。

Viam 提供了一个开源软件栈和一套云服务,使得没有任何硬件经验的开发人员也能管理各种类型的机器人(和其他智能机器)。为了帮助展示可以使用 Viam 构建的体验类型,开发者宣传团队构建了一个街机抓娃娃游戏,该游戏使用了一个工业机器人手臂和一个街机抓手,可以通过TypeScript SDK驱动的单页 Web 应用程序进行操作。

10 minute read

David Khourshid

世界需要另一个状态管理库吗?可能不需要,但如果你对 XState 感兴趣,你一定要看看这个。

XState Store 是一个受 XState 启发的简单且小巧的状态管理库。如果你只需要一种方法来更新存储中的数据并订阅存储中的更改,XState Store 适合你。它是:

  • 极其简单。提供初始上下文和过渡函数给 createStore(…) 函数,你就可以开始了。
  • 极其小巧。压缩后小于 1kb。
  • 与 XState 兼容。共享与 XState 相同的 actor API,使得在需要处理更多复杂性时,集成/迁移变得容易。
  • 额外的类型安全。用 TypeScript 编写,自动从你的上下文和过渡中推断出强类型的事件和快照。
  • 基于事件。与 XState 一样工作;发送事件以触发过渡。
  • 支持 Immer。通过 createStoreWithProducer(producer, …) 轻松添加 Immer 以进行“可变”上下文更新。
2 minute read

Laura Kalbag

Watch our latest office hours live stream where we cover single file GitHub pull requests, sorting machines, Stately Agent, updates to XState and more.

6 minute read

David Khourshid

XState 是一个多功能的状态管理和编排库,可以与任何框架一起使用,包括与 @xstate/react 包一起使用的 React。对于许多应用程序来说,管理全局状态是一个要求,有很多选项可以在 React 中共享全局状态,比如使用 React Context 或者像 ReduxMobXZustand 这样的库。

@xstate/react 包使得使用 useMachine()useActor() 这样的钩子来管理组件级状态变得简单,但它同样适用于管理全局状态 🌎

14 minute read

Kevin Maes

状态机和可视化图表是组织和传达信息的强大方式。所有那些可爱的“框和箭头”传达了有意义的关系,指示了顺序,并以更容易理解的方式引导流程,因为它是可视化的。再加上能够将资产附加到你的图表,你就可以创建真正富有表现力的、可执行的软件图表了。但状态机还有一个使其易于理解的特点。文本。

6 minute read

David Khourshid

我们旧版 Stately Viz 最受欢迎的功能之一是能够使用以前的 @xstate/inspect 和 Stately Viz 工具实时检查您的应用程序。我们希望将此功能引入一个通用工具,使您能够通过 Stately 的编辑器 的可视化功能,直观地检查任何应用程序(前端或后端)的状态。因此,我们构建了 Stately Inspector。