Implements industry-standard state management architectures using TanStack Query, Zustand, and React Hook Form.
This skill provides a comprehensive blueprint for managing application state across different layers, including server data, local UI state, form validation, and URL parameters. It establishes a clear philosophy for state separation, offering standardized patterns for TanStack Query factories, Zustand store optimization with selectors, and type-safe form handling with Zod. It is an essential toolkit for developers aiming to build scalable, performant, and maintainable React applications using modern best practices within Claude Code.
Key Features
01Pre-configured TypeScript boilerplate for complex state logic and mutations.
02Type-safe form management and validation with React Hook Form and Zod.
03Clear architectural separation between server, client, form, and URL state.
04Standardized TanStack Query keys factory for consistent data fetching and caching.
05Performance-optimized Zustand store patterns using selectors and persist middleware.
061 GitHub stars
Use Cases
01Rapidly scaffolding type-safe forms and API integration layers.
02Architecting large-scale React or Next.js applications with complex data requirements.
03Refactoring disorganized state logic into structured, maintainable patterns.
