{"enrichment":{"faq":[{"a":"XState's adapter bridges @xstate/store atoms into json-render's StateStore interface. Create an atom using @xstate/store, pass it to the XState adapter, and wrap your json-render components with the resulting store provider. This lets you manage application state through XState while rendering with json-render.","q":"How do you integrate XState Store with json-render?"},{"a":"The XState adapter connects atomic state from @xstate/store to json-render components by implementing json-render's StateStore interface. You instantiate an atom, feed it to the adapter, and the adapter returns a provider that injects state into your json-render component tree.","q":"What is the xstate store adapter json-render connection?"},{"a":"XState's StateStore adapter accepts an @xstate/store atom as its input. Once configured with your atom, the adapter exposes a provider component that you wrap around json-render components. This setup connects XState's atomic state management to json-render's rendering system.","q":"How do you set up StateStore adapter using @xstate/store atom?"},{"a":"XState adapter enables state management integration by letting json-render components consume state from @xstate/store atoms. Instead of managing state separately, you define atoms in XState, pass them through the adapter, and json-render accesses that state via the provider.","q":"What does the XState adapter enable for json-render?"},{"a":"XState atoms connect to json-render through the dedicated adapter, not directly. The adapter translates @xstate/store's atom interface into json-render's StateStore contract, ensuring compatibility and proper state flow to your components.","q":"Can you wire XState atom directly to json-render?"}],"shadow_tags":["state-management-adapter","xstate-integration","json-render-ecosystem","reactive-state-binding","atom-based-store"],"summary_rewrite":"This adapter bridges XState Store atoms into json-render's StateStore interface, letting you manage application state through @xstate/store. Pass an atom to the adapter and wrap your json-render components with the resulting store provider."},"files":[{"bytes":1310,"path":"skills/xstate/SKILL.md","sha256":"5feb60b159363775ed33ac1f97c9236768c90c73435a905ea4633d3b387097c4","url":"https://skillfed.io/files/vercel-labs/json-render/xstate/dc3c926f/SKILL.md"}],"id":"vercel-labs/json-render/xstate","links":{"html":"https://skillfed.io/vercel-labs/json-render/xstate","md":"https://skillfed.io/vercel-labs/json-render/xstate.md","repo":"https://github.com/vercel-labs/json-render"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":850,"language":"TypeScript","last_updated":"2026-07-08","license":"Apache-2.0","name":"xstate","publisher":"vercel-labs","stars":15776},"relations":{"similar":[{"id":"vercel-labs/json-render/jotai"},{"id":"vercel-labs/json-render/zustand"},{"id":"vercel-labs/json-render/redux"},{"id":"vercel-labs/json-render/vue"},{"id":"vercel-labs/json-render/core"},{"id":"vercel-labs/json-render/react"},{"id":"vercel-labs/json-render/react-native"},{"id":"vercel-labs/json-render/ink"},{"id":"pedronauck/skills/xstate-store"},{"id":"statelyai/skills/xstate-v5"}]},"slug":{"owner":"vercel-labs","repo":"json-render","skill":"xstate"},"version":"dc3c926f"}