·react-patterns
</>

react-patterns

Escriba componentes de React con estado mínimo, memorización adecuada y patrones de tipo seguro. Úselo al crear componentes, administrar el estado u optimizar renderizados.

92Instalaciones·7Tendencia·@casper-studios

Instalación

$npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns

Cómo instalar react-patterns

Instala rápidamente el skill de IA react-patterns en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: casper-studios/casper-marketplace.

SKILL.md

Ver original

Core React patterns for component design, state management, and optimization.

Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.

Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.

Escriba componentes de React con estado mínimo, memorización adecuada y patrones de tipo seguro. Úselo al crear componentes, administrar el estado u optimizar renderizados. Fuente: casper-studios/casper-marketplace.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-02
Actualizado
2026-03-10

Browse more skills from casper-studios/casper-marketplace

Respuestas rápidas

¿Qué es react-patterns?

Escriba componentes de React con estado mínimo, memorización adecuada y patrones de tipo seguro. Úselo al crear componentes, administrar el estado u optimizar renderizados. Fuente: casper-studios/casper-marketplace.

¿Cómo instalo react-patterns?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/casper-studios/casper-marketplace