C✳CODEZ.WIN
🌐 Français

Guide de lecture localisé

zustand-store-tsObjectif, utilisation et source

Créez des magasins Zustand avec TypeScript, le middleware subscribeWithSelector et les éléments appropriés.state/actionséparation. À utiliser lors de la création de la gestion d'état React, de la création de magasins globaux ou de la mise en œuvre de modèles d'état réactifs avec Zustand.

Source récupérée:

Dépôt source
microsoft/skills
SKILL.md
.github/plugins/azure-sdk-typescript/skills/zustand-store-ts/SKILL.md
Étoiles du dépôt
3,157
Mise à jour du dépôt
2026-10-31
Catégories de capacités
Services cloud
Dernière collecte

Licence : MIT

Les extraits de flux de travail sont des outils de lecture et non des instructions exécutables de Codez. Aucune compétence tierce n'a été utilisée pour générer cette page.

Les passages relatifs à l'objectif et au flux de travail ci-dessous constituent le contenu original, organisé et traduit pour la lecture. Ils sont distincts de l'analyse éditoriale de Codez, qui est étiquetée séparément.

À quoi sert cette compétence ?

Créez des magasins Zustand avec TypeScript, le middleware subscribeWithSelector et les éléments appropriés.state/actionséparation. À utiliser lors de la création de la gestion d'état React, de la création de magasins globaux ou de la mise en œuvre de modèles d'état réactifs avec Zustand.

Comment fonctionne le flux de travail en amont

Démarrage rapide

Copiez le modèle à partir deassets/template.tset remplacer les espaces réservés :{{StoreName}}→ Nom du magasin PascalCase (par exemple,Project){{description}}→ Brève description pour JSDoc

passage en amont · L14 ↗

Étapes d'intégration

Créer un magasin danssrc/frontend/src/store/Exporter depuissrc/frontend/src/store/index.tsAjouter des tests danssrc/frontend/src/store/*.test.ts

passage en amont · L68 ↗

Magasin Zustand

Créez des magasins Zustand en suivant des modèles établis avec des types TypeScript et des intergiciels appropriés.

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

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

Configuration requise

Aucun extrait de configuration n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sans dépendances. Consultez les instructions de configuration du dépôt et les fichiers référencés.

Limites et contrôles de qualité

Aucun passage de limite distinct n'a été sélectionné dans ce fichier. Cela ne signifie pas que la compétence est sûre pour toutes les entrées ou tous les environnements. Consultez le code source complet et validez vos résultats.

Commencez par un essai sans danger

  1. Vérifiez l'hôte pris en charge et les instructions d'installation du dépôt. Conservez le répertoire Skill ainsi que ses scripts, ressources et documentation référencés ;SKILL.mdSeul, il peut omettre les dépendances.
  2. Indiquez à l'agent vos paramètres d'entrée réels, le résultat souhaité et les critères d'acceptation. La syntaxe d'appel et les outils disponibles dépendent du système hôte ; ce site ne propose pas de commande d'installation universelle.
  3. Testez le flux de travail source dans un projet temporaire ou sur une copie. Avant d'autoriser les opérations qui modifient des fichiers, des services distants ou des ressources facturables, examinez-les attentivement.
  4. Vérifiez la conformité du résultat avec les contrôles qualité sources et vos propres exigences. Un déclenchement réussi ou un nombre élevé d'étoiles dans le dépôt ne garantissent pas un résultat correct.

Spécifications du format et du répertoire des compétences ↗

Pour en savoir plus, consultez la source.

Traduction et étendue

Ce guide de lecture sélectionne des passages de l'amont épingléSKILL.mdCette traduction est assistée. Elle ne constitue pas un manuel complet et ne garantit pas une compatibilité testée. Veuillez lire le document original et les fichiers auxquels il fait référence avant utilisation.

Cette introduction fait référence à la version épinglée ci-dessous ; l’activité actuelle du dépôt et la durée de la collecte sont indiquées séparément.

Source épinglée
Lire l'original ↗
Source récupérée
Commit source
00d66a64919edca5bca2c673373444e36a4b5461
Source SHA-256
dd69536e2f18a09eac999d036f963dbbf6874f44fe4ac73a6df89170de4a542b
Retour au catalogue complet des compétences