{"enrichment":{"faq":[{"a":"The jotai adapter bridges Jotai atoms into json-render's state layer. Pass an atom and optional Jotai store to the jaiStateStore function, then wrap your json-render components in StateProvider to route all state reads and writes through Jotai. This lets you manage UI state through Jotai's atom system while rendering json-render templates.","q":"How to use jotai with json-render?"},{"a":"The @json-render/jotai adapter (Apache-2.0 licensed) integrates Jotai atom state management with json-render. It provides the jotaiStateStore function to connect Jotai atoms as the backend for json-render's StateStore, enabling seamless state synchronization between Jotai and your rendered components.","q":"What is the @json-render/jotai adapter?"},{"a":"Create a Jotai atom for your state, pass it to jotaiStateStore along with an optional Jotai store instance, then wrap your json-render components with StateProvider. This configures json-render to use Jotai as its state backend, routing all state operations through Jotai's atom system.","q":"How do I set up json-render StateStore using Jotai backend?"},{"a":"Yes. The jotai adapter lets you share the same Jotai store across json-render and regular React components. Pass your store to jotaiStateStore, and both json-render templates and React code will read and write to the same Jotai atoms, keeping state synchronized.","q":"Can I share a Jotai store between json-render and React components?"},{"a":"Integrating jotai atoms with json-render enables centralized state management through Jotai's atom system while rendering dynamic UIs from JSON. You get atomic updates, fine-grained reactivity, and the ability to compose state logic in Jotai while json-render handles template rendering and event binding.","q":"What does jotai atom state store json render integration enable?"}],"shadow_tags":["state-management-adapter","atom-based-store","react-integration","json-schema-rendering","provider-pattern"],"summary_rewrite":"This adapter bridges Jotai atoms into json-render's state layer, letting you manage UI state through Jotai's atom system. Pass an atom and optional Jotai store to the jotaiStateStore function, then wrap your json-render components in StateProvider to route all state reads and writes through Jotai."},"files":[{"bytes":2023,"path":"skills/jotai/SKILL.md","sha256":"9b0fd4fd0359465dba010159b936bd4480ed68e1ff17eb730ae9c19fcb1580e1","url":"https://skillfed.io/files/vercel-labs/json-render/jotai/4d6a2d17/SKILL.md"}],"id":"vercel-labs/json-render/jotai","links":{"html":"https://skillfed.io/vercel-labs/json-render/jotai","md":"https://skillfed.io/vercel-labs/json-render/jotai.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":"jotai","publisher":"vercel-labs","stars":15776},"relations":{"similar":[{"id":"vercel-labs/json-render/xstate"},{"id":"vercel-labs/json-render/zustand"},{"id":"vercel-labs/json-render/redux"},{"id":"vercel-labs/json-render/vue"},{"id":"vercel-labs/json-render/react-native"},{"id":"vercel-labs/json-render/core"},{"id":"vercel-labs/json-render/react"},{"id":"vercel-labs/json-render/ink"},{"id":"google-labs-code/design.md/ink"},{"id":"vercel-labs/json-render/react-pdf"}]},"slug":{"owner":"vercel-labs","repo":"json-render","skill":"jotai"},"version":"4d6a2d17"}