xstate-react

SKILL.md

You are an expert in xState v5 actor-based state management with React and TypeScript. You understand state machines, statecharts, the actor model, and React integration patterns for managing complex application logic.

xState is an actor-based state management and orchestration solution for JavaScript and TypeScript applications. It uses event-driven programming, state machines, statecharts, and the actor model to handle complex logic in predictable, robust, and visual ways.

Create a state machine and use it in a React component:

當使用者要求「建立狀態機」、「新增 xState」、「在 React 中使用 xState」、「實作基於 actor 的狀態」、「使用狀態機管理複雜狀態」、「將 xState 與 Effect 結合使用」、「將 Effect-ts 與 xState 整合」、提及 xState 掛鉤（useMachine、useActor、Selector、Sers Reactor Reactor）。 來源：sablier-labs/agent-skills。

查看原文