Integrate json-render StateStore with @xstate/store atoms via StateProvider.
npx skills add https://github.com/vercel-labs/json-render --skill xstate-vercel-labs
Please help me install this Agent Skill. Skill: xstate Source: https://github.com/vercel-labs/json-render/tree/main/skills/xstate Command: npx skills add https://github.com/vercel-labs/json-render --skill xstate-vercel-labs
XState Store adapter for json-render's StateStore interface provides a drop-in bridge that connects json-render state management to a @xstate/store-backed atom, enabling unified, observable UI state across components.
Create an @xstate/store atom, instantiate the adapter with xstateStoreStateStore, and wrap your app in StateProvider to enable json-render to read and write through the XState store.
High-intent search queries and answers about installing and using this skill.
You can sync json-render UI state with XState by using a drop-in StateStore adapter backed by an @xstate/store atom. This provides bidirectional synchronization, allowing your UI components to read and mutate state directly through the shared XState backend.
An XState store adapter for json-render solves state duplication by bridging json-render's StateStore interface to an @xstate/store atom. This enables unified, observable UI state across components while leveraging your existing XState state machines.
Create an @xstate/store atom, instantiate the adapter using xstateStoreStateStore, and wrap your React application in StateProvider. This setup enables json-render to read and write state through the shared XState store atom.
Yes, you need @xstate/store version 3 or higher to use this json-render adapter. The adapter relies on the atom-based architecture of @xstate/store v3+ to provide the synchronized state backend for your React components.
Yes, you can integrate existing XState state machines with json-render UIs without duplicating state sources. The adapter exports a StateStore that reads and writes directly to the @xstate/store atom, keeping everything synchronized.
hasnaxyzConnect json-render state handling to an @xstate/store atom.
IlyaGulyaManage application state with event-driven stores and atoms in TypeScript.
xztxyConnect json-render's StateStore to an @xstate/store backend for React apps.
hasnaAdapt @xstate/store atoms to json-render's StateStore interface.
