zustand-store-ts
Crear stores de Zustand tipados
Los equipos de React necesitan un estado global predecible sin una estructura de store poco clara. Esta skill guía a Claude, Codex y Claude Code para crear stores de Zustand tipados con selectores y middleware.
내 에이전트로 설치
이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.
Review the Skillstore skill "zustand-store-ts" from https://skillstore.io/skills/sickn33-zustand-store-ts.md and its manifest at https://skillstore.io/api/skills/sickn33-zustand-store-ts/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.
에이전트가 읽기 쉬운 리소스
AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
테스트해 보기
"zustand-store-ts" 사용 중입니다. Solicitar un store para elementos de proyecto con estado de carga y comportamiento para agregar elementos.
예상 결과:
Un plan de store estructurado con estado tipado, acciones tipadas, recomendaciones de selectores y notas de integración para exports y tests.
"zustand-store-ts" 사용 중입니다. Preguntar cómo evitar rerenders al leer elementos desde un store de Zustand.
예상 결과:
Guía para seleccionar solo el valor de estado necesario, evitar la destructuración de todo el store y mantener estrechas las suscripciones de los componentes.
"zustand-store-ts" 사용 중입니다. Solicitar una suscripción fuera de React cuando cambia un identificador seleccionado.
예상 결과:
Un enfoque de suscripción que observa el identificador seleccionado y ejecuta un callback enfocado cuando cambia ese valor.
보안 감사
안전All static findings were reviewed against SKILL.md. The backtick detections are Markdown inline code markers or fenced TypeScript examples, not executable shell or Ruby commands. The system reconnaissance finding is a comment about avoiding React rerenders, and no prompt injection or malicious intent was found.
위험 요인
이 보고서 공유 및 인용
버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.
보고서 링크 복사
https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 배지
[](https://skillstore.io/skills/sickn33-zustand-store-ts?utm_source=security_passport_badge)HTML 배지
<a href="https://skillstore.io/skills/sickn33-zustand-store-ts?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-zustand-store-ts/security.svg" alt="Skillstore security assessment" loading="lazy"></a>임베드 카드
<iframe src="https://skillstore.io/embed/skills/sickn33-zustand-store-ts.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>학술 인용 (APA · BibTeX · CFF)
APA 인용
sickn33. (2026). zustand-store-ts security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5BibTeX 인용
@techreport{sickn33-sickn33-zustand-store-ts-2026,
author = {sickn33},
title = {zustand-store-ts security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "zustand-store-ts security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-zustand-store-ts/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-zustand-store-ts:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore 점수
이 점수의 이유 증거 신뢰도: 높음만들 수 있는 것
Crear un store de funcionalidad
Crear un store de Zustand tipado para datos de funcionalidad, estado de carga y acciones.
Estandarizar patrones de store
Aplicar convenciones coherentes de estado, acción, selector y export en una base de código React.
Revisar el uso del estado
Identificar suscripciones amplias y reemplazarlas por selectores que limiten los rerenders.
이 프롬프트를 사용해 보세요
Crea un store de Zustand con TypeScript para [feature name]. Incluye campos de estado, nombres de acciones y selectores individuales para componentes React.
Diseña un store de Zustand para [domain]. Usa subscribeWithSelector, separa estado y acciones, y explica el tipo de store exportado.
Refactoriza este diseño de estado de React en un store de Zustand tipado. Conserva el comportamiento, separa el estado de las acciones y evita suscripciones amplias.
Diseña un flujo de suscripción fuera de React para este store de Zustand. Suscríbete solo al valor necesario y describe las responsabilidades de limpieza.
모범 사례
- Define el estado y las acciones por separado antes de combinarlos en el tipo del store.
- Usa selectores para cada componente en lugar de leer todo el store.
- Agrega tests para las acciones del store y los puntos de integración exportados.
피하기
- No suscribas componentes a todo el store cuando solo necesitan un valor.
- No mezcles dominios de funcionalidades no relacionadas en un store amplio.
- No omitas interfaces de TypeScript para el estado y las acciones.