react-useeffect-audit
✓Identifique y corrija el uso innecesario. Uso de efectos en el código React. Úselo cuando revise el código de React que usa efectos, cuando se le solicite optimizar los componentes de React, cuando vea patrones como "useEffect + setState", cuando los usuarios pregunten sobre las mejores prácticas de Effect o cuando refactorice el código de React. Ayuda a eliminar renderizados redundantes y simplificar la lógica de los componentes.
Instalación
SKILL.md
Effects are an escape hatch for synchronizing with external systems (DOM, network, third-party widgets). If no external system is involved, you likely don't need an Effect.
| Transform data for rendering | No | Calculate during render | | Handle user events | No | Event handler | | Cache expensive calculations | No | useMemo | | Reset state when props change | No | key prop | | Adjust state based on props | No | Calculate during render | | Chain of state updates | No | Single event handler |
| Notify parent of state change | No | Call parent in event handler | | Initialize app (once) | No | Module-level code | | Subscribe to external store | No | useSyncExternalStore | | Fetch data on mount/change | Yes | With cleanup; prefer framework |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/mpoc/skills --skill react-useeffect-audit- Fuente
- mpoc/skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es react-useeffect-audit?
Identifique y corrija el uso innecesario. Uso de efectos en el código React. Úselo cuando revise el código de React que usa efectos, cuando se le solicite optimizar los componentes de React, cuando vea patrones como "useEffect + setState", cuando los usuarios pregunten sobre las mejores prácticas de Effect o cuando refactorice el código de React. Ayuda a eliminar renderizados redundantes y simplificar la lógica de los componentes. Fuente: mpoc/skills.
¿Cómo instalo react-useeffect-audit?
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/mpoc/skills --skill react-useeffect-audit 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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/mpoc/skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01