Structure React state management across server and client boundaries with modular patterns.
npx skills add https://github.com/imehr/vet --skill state-management-imehr
Please help me install this Agent Skill. Skill: state-management Source: https://github.com/imehr/vet/tree/main/.claude/skills/state-management Command: npx skills add https://github.com/imehr/vet --skill state-management-imehr
This Skill standardizes React state management by illustrating patterns for server state vs client state, helping teams avoid common pitfalls and duplication.
Create a small React app and implement a Theme toggle, server data fetch with TanStack Query, and a simple Zustand store to manage UI state.
High-intent search queries and answers about installing and using this skill.
Separating React state across server and client boundaries requires dividing data fetching and UI concerns. Use TanStack Query for server caching and Zustand for client state to avoid duplication and ensure scalable frontend applications.
The best way to structure a Zustand store for scalable React applications is by using modular slices. This pattern separates concerns within your client state, making the store easier to maintain and expand as your application grows.
To prevent unnecessary re-renders with React Context and Zustand, apply patterns for selective subscriptions. This ensures components only re-render when the specific state values they depend on change, rather than on any global state update.
Yes, this approach integrates TanStack Query, Zustand, and Context together. It uses TanStack Query for data fetching, Zustand for UI state, and Context-based dependency injection to provide stable values and reduce prop drilling.
You should use TanStack Query instead of Zustand when managing server state like fetched data and caching. Zustand should be reserved for client UI state, keeping server and client boundaries distinct to avoid common state duplication pitfalls.
ggombeeManage React local and server state with Zustand and TanStack Query.
HollowvynCreate typed React stores with selector-based subscriptions and middleware.
JosiahSiegelGuide React state management with Context API, Zustand, Jotai, TanStack Query, and SWR.
chavangorakh1999Guide React state management with useState, useReducer, Context API, Zustand, React Query, and React Hook Form.
