Zustand Store (TypeScript)
技能 已验证 活跃Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reactive state patterns with Zustand.
To provide a robust and well-structured template for creating Zustand stores with TypeScript, promoting best practices in React state management.
功能
- Zustand store creation with TypeScript
- Integration of subscribeWithSelector middleware
- Clear separation of state and actions
- Guidance on using individual selectors for performance
- Example for subscribing to store changes outside React
使用场景
- Building React state management solutions
- Creating global stores for applications
- Implementing reactive state patterns with Zustand
- Establishing consistent patterns for Zustand store development
非目标
- Replacing other state management libraries
- Providing a runtime service
- Managing complex application logic beyond store creation
安装
请先添加 Marketplace
/plugin marketplace add microsoft/skills/plugin install azure-sdk-typescript@skills质量评分
已验证类似扩展
React State Management
99Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query. Use when setting up global state, managing server state, or choosing between state management solutions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
React Modernization
99Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Cleanup Cycles
100Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".