C✳CODEZ.WIN
🌐 English

Localized reading guide

zustand-store-tsPurpose, usage and source

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.

Source retrieved:

Source repository
microsoft/skills
SKILL.md
.github/plugins/azure-sdk-typescript/skills/zustand-store-ts/SKILL.md
Repository stars
3,157
Repository updated
2026-10-31
Categories
Cloud
Last collected

License: MIT

Source SKILL.md

Workflow excerpts are reading aids, not executable instructions from Codez. No third-party Skill was run to produce this page.

The purpose and workflow passages below are upstream material, organized and translated for reading. They are distinct from the separately labeled Codez editorial analysis.

What this Skill does

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.

How the upstream workflow works

Quick Start

Copy the template from assets/template.ts and replace placeholders: {{StoreName}} → PascalCase store name (e.g., Project) {{description}} → Brief description for JSDoc

Upstream passage · L14 ↗

Integration Steps

Create store in src/frontend/src/store/ Export from src/frontend/src/store/index.ts Add tests in src/frontend/src/store/*.test.ts

Upstream passage · L68 ↗

Zustand Store

Create Zustand stores following established patterns with proper TypeScript types and middleware.

Upstream passage · L10 ↗
Upstream passage · typescript ↗
import { create } from 'zustand';
import { subscribeWithSelector } from 'zustand/middleware';

export const useMyStore = create<MyStore>()(
  subscribeWithSelector((set, get) => ({
    // state and actions
  }))
);

Requirements and setup

No short requirements passage was selected from this file. This does not mean the Skill has no dependencies. Check the repository setup instructions and referenced files.

Limits and quality checks

No separate limits passage was selected from this file. This does not mean the Skill is safe for every input or environment. Review the complete source and validate your own result.

Start with a safe trial

  1. Check the supported host and the repository installation instructions. Keep the Skill directory and its referenced scripts, assets and documentation together; SKILL.md alone may omit dependencies.
  2. Give the agent your real input, desired output and acceptance criteria. Invocation syntax and available tools depend on the host; this site does not assume a universal install command.
  3. Try the source workflow in a disposable project or on a copy. Review operations that change files, remote services or billable resources before allowing them.
  4. Validate the output against the source quality checks and your own requirements. A successful trigger or a high repository Star count does not establish a correct result.

Skill format and directory specification ↗

Read further in the source

Translation and scope

This reading guide selects passages from the pinned upstream SKILL.md. Translation is assisted. It is not a complete manual or a claim of tested compatibility. Read the original and its referenced files before use.

This introduction refers to the pinned version below; current repository activity and collection time are shown separately.

Source retrieved
Source commit
00d66a64919edca5bca2c673373444e36a4b5461
Source SHA-256
dd69536e2f18a09eac999d036f963dbbf6874f44fe4ac73a6df89170de4a542b
Back to the full Skill catalog