zustand-store-ts
Generates Zustand stores with TypeScript types, subscribeWithSelector middleware, and a clear split between state interfaces and action interfaces.
Setup & Installation
What This Skill Does
Generates Zustand stores with TypeScript types, subscribeWithSelector middleware, and a clear split between state interfaces and action interfaces. Covers store creation, selector patterns, and subscribing to state changes outside React components.
Gets the subscribeWithSelector boilerplate and TypeScript interface separation right on the first try, skipping the trial-and-error of getting middleware generics and selector patterns to play well together.
When to use it
- Setting up a typed global store with subscribeWithSelector middleware
- Splitting state and action types into separate TypeScript interfaces
- Writing individual selectors to avoid unnecessary re-renders
- Subscribing to a specific state slice outside of React components
- Scaffolding a new store file with JSDoc and index export wiring
Similar Skills
ios-application-dev
A reference guide for building iOS apps with UIKit, SnapKit, and SwiftUI.
fullstack-dev
A workflow guide for building full-stack applications, covering backend architecture, frontend-backend integration, auth, real-time features, and production hardening.
android-native-dev
A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting.
frontend-dev
Builds complete frontend pages by combining UI design, scroll animations, AI-generated media assets, and copywriting into a single workflow.