{"enrichment":{"faq":[{"a":"Zustand integrates with json-render through a StateStore adapter that implements json-render's state interface. Create your Zustand vanilla store, wrap it with the adapter, and pass it to json-render's StateProvider. The adapter handles all state reads and writes, letting json-render components subscribe to and update your Zustand store directly.","q":"How do I use zustand with json-render?"},{"a":"The zustand adapter for json-render is a bridge that implements the StateStore interface, connecting your Zustand vanilla store to json-render's state system. It translates json-render state operations into Zustand store mutations, enabling seamless integration without manual state synchronization.","q":"What is a zustand adapter for json-render?"},{"a":"Yes, zustand supports nested slice connections to json-render. When configuring the adapter, you can optionally select a specific nested slice from your Zustand store. This lets you scope json-render to a particular branch of your state tree while keeping the full store accessible through Zustand elsewhere.","q":"Can I connect zustand to json-render with nested slices?"},{"a":"To set up the StateStore adapter for your Zustand vanilla store, instantiate your store using Zustand's createStore, then pass it to the adapter constructor. Configure any options like nested slice selection, then provide the configured adapter to json-render's StateProvider to wire Zustand as your state backend.","q":"How do I set up StateStore adapter for Zustand vanilla store?"},{"a":"Zustand is licensed under Apache-2.0, making it freely available for commercial and open-source projects. This permissive license applies to the zustand adapter and all integration code with json-render.","q":"What license does zustand use for json-render integration?"}],"shadow_tags":["state-adapter","store-integration","vanilla-store","state-backend","json-rendering","state-management-bridge","slice-selector"],"summary_rewrite":"This adapter bridges Zustand and json-render by implementing the StateStore interface, letting you use a Zustand vanilla store as the backing state layer. Configure it with your store, optionally select a nested slice, and pass it to json-render's StateProvider to handle all state reads and writes through Zustand."},"files":[{"bytes":1908,"path":"skills/zustand/SKILL.md","sha256":"96fafc71b8b955c3b381e84a4621706d35b71cfe743ef3a6ea399827197821bf","url":"https://skillfed.io/files/vercel-labs/json-render/zustand/f11539f8/SKILL.md"}],"id":"vercel-labs/json-render/zustand","links":{"html":"https://skillfed.io/vercel-labs/json-render/zustand","md":"https://skillfed.io/vercel-labs/json-render/zustand.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":"zustand","publisher":"vercel-labs","stars":15776},"relations":{"similar":[{"id":"vercel-labs/json-render/jotai"},{"id":"vercel-labs/json-render/xstate"},{"id":"vercel-labs/json-render/redux"},{"id":"vercel-labs/json-render/react"},{"id":"vercel-labs/json-render/vue"},{"id":"vercel-labs/json-render/react-native"},{"id":"vercel-labs/json-render/ink"},{"id":"secondsky/claude-skills/zustand-state-management"},{"id":"vercel-labs/json-render/core"},{"id":"google-labs-code/design.md/ink"}]},"slug":{"owner":"vercel-labs","repo":"json-render","skill":"zustand"},"version":"f11539f8"}