·react-best-practices
</>

react-best-practices

Aplique las mejores prácticas de React al escribir o revisar el código de React. Úselo al crear componentes, revisar relaciones públicas, refactorizar código React, solucionar problemas de rendimiento, depurar renderizados, estructurar el estado y el flujo de datos, convertir useEffect en cargadores, crear formularios o preguntar "¿cómo debo estructurar este componente?".

13Instalaciones·1Tendencia·@yonderlab

Instalación

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices

Cómo instalar react-best-practices

Instala rápidamente el skill de IA react-best-practices 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/yonderlab/kota.agent.skills --skill react-best-practices
  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: yonderlab/kota.agent.skills.

SKILL.md

Ver original

If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.

User prompt: "This component has too many useEffects, can you clean it up?"

User prompt: "Migrate this component to use React Router loaders"

Aplique las mejores prácticas de React al escribir o revisar el código de React. Úselo al crear componentes, revisar relaciones públicas, refactorizar código React, solucionar problemas de rendimiento, depurar renderizados, estructurar el estado y el flujo de datos, convertir useEffect en cargadores, crear formularios o preguntar "¿cómo debo estructurar este componente?". Fuente: yonderlab/kota.agent.skills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-11

Browse more skills from yonderlab/kota.agent.skills

Respuestas rápidas

¿Qué es react-best-practices?

Aplique las mejores prácticas de React al escribir o revisar el código de React. Úselo al crear componentes, revisar relaciones públicas, refactorizar código React, solucionar problemas de rendimiento, depurar renderizados, estructurar el estado y el flujo de datos, convertir useEffect en cargadores, crear formularios o preguntar "¿cómo debo estructurar este componente?". Fuente: yonderlab/kota.agent.skills.

¿Cómo instalo react-best-practices?

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/yonderlab/kota.agent.skills --skill react-best-practices 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/yonderlab/kota.agent.skills