·react-useeffect
</>

react-useeffect

Reaccionar useEffect mejores prácticas de documentos oficiales. Úselo al escribir/revisar useEffect, useState para valores derivados, recuperación de datos o sincronización de estado. Enseña cuándo NO usar Effect y mejores alternativas.

11Instalaciones·1Tendencia·@petekp

Instalación

$npx skills add https://github.com/petekp/claude-code-setup --skill react-useeffect

Cómo instalar react-useeffect

Instala rápidamente el skill de IA react-useeffect 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/petekp/claude-code-setup --skill react-useeffect
  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: petekp/claude-code-setup.

SKILL.md

Ver original

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

| Derived state from props/state | useState + useEffect | Calculate during render | | Expensive calculations | useEffect to cache | useMemo | | Reset state on prop change | useEffect with setState | key prop | | User event responses | useEffect watching state | Event handler directly |

| Notify parent of changes | useEffect calling onChange | Call in event handler | | Fetch data | useEffect without cleanup | useEffect with cleanup OR framework |

Reaccionar useEffect mejores prácticas de documentos oficiales. Úselo al escribir/revisar useEffect, useState para valores derivados, recuperación de datos o sincronización de estado. Enseña cuándo NO usar Effect y mejores alternativas. Fuente: petekp/claude-code-setup.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/petekp/claude-code-setup --skill react-useeffect
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from petekp/claude-code-setup

Respuestas rápidas

¿Qué es react-useeffect?

Reaccionar useEffect mejores prácticas de documentos oficiales. Úselo al escribir/revisar useEffect, useState para valores derivados, recuperación de datos o sincronización de estado. Enseña cuándo NO usar Effect y mejores alternativas. Fuente: petekp/claude-code-setup.

¿Cómo instalo react-useeffect?

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/petekp/claude-code-setup --skill react-useeffect 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/petekp/claude-code-setup