jezweb avatar

Zustand State Management

A solid reference for wiring up Zustand without stepping on the common landmines. The skill covers the TypeScript double-parentheses syntax that trips people up, persist middleware for localStorage, and the Next.js SSR hydration pattern with the `_hasHydrated` flag. It documents six specific errors you'll want to avoid, including hydration mismatches and infinite render loops, plus fixes that landed in v5.0.10. Reach for this when you're adding global state to a React or Next.js project and want type safety without the Redux ceremony. The slices pattern and immer middleware examples are helpful for keeping larger stores organized.

skills.sh installs
1.2K
GitHub stars
1.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add jezweb/claude-skills --skill zustand-state-management --agent claude-code

Installs into .claude/skills of the current project.

Files

A solid reference for wiring up Zustand without stepping on the common landmines. The skill covers the TypeScript double-parentheses syntax that trips people up, persist middleware for localStorage, and the Next.js SSR hydration pattern with the `_hasHydrated` flag. It documents six specific errors you'll want to avoid, including hydration mismatches and infinite render loops, plus fixes that landed in v5.0.10. Reach for this when you're adding global state to a React or Next.js project and want type safety without the Redux ceremony. The slices pattern and immer middleware examples are helpful for keeping larger stores organized.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/jezweb/claude-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD, Debugging

More from jezweb/claude-skills

All 166
1manutej avatarjest-react-testingmanutej/luxor-claude-marketplaceComprehensive React component testing with Jest and React Testing Library covering configuration, mocking strategies, async testing patterns, hooks testing, and1.2Kskills.sh installs
2pedronauck avatarmotion-reactpedronauck/skillsBuild React animations with Motion (formerly Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG, exit animatio1.2Kskills.sh installs
3pproenca avatarnextjspproenca/dot-skillsNext.js 16 App Router performance, caching, server components, server actions, routing, and codebase-hygiene best practices — plus a category-major review/refac1.2Kskills.sh installs
4oimiragieo avatarpyqt6-ui-development-rulesoimiragieo/agent-studioPyQt6 desktop GUI development rules -- signal/slot architecture, QSS theming, QThread concurrency, layout management, and cross-platform rendering. Enforces MVC1.1Kskills.sh installs
5ajianaz avatarflutter-ui-uxajianaz/skills-collectionComprehensive Flutter UI/UX development skill for creating beautiful, responsive, and animated mobile applications. Use when user asks to: (1) Build Flutter UI 1.1Kskills.sh installs
6jezweb avatartailwind-patternsjezweb/claude-skillsProduction-ready Tailwind CSS patterns for common website components: responsive layouts, cards, navigation, forms, buttons, and typography. Includes spacing sc1.1Kskills.sh installs