react-performance-optimizer
✓Optimice las aplicaciones de React para un rendimiento de 60 fps. Implementa memorización, virtualización, división de código y optimización de paquetes. Úselo para renderizaciones lentas, listas grandes y paquetes hinchados. Actívelo en "React performance", "renderizado lento", "useMemo", "tamaño del paquete", "virtualización". NO para optimización de backend, marcos que no sean React u optimización prematura.
Instalación
SKILL.md
Expert in diagnosing and fixing React performance issues to achieve buttery-smooth 60fps experiences.
| React DevTools Profiler | Find slow components | Always start here | | Lighthouse | Overall performance score | Before/after comparison | | webpack-bundle-analyzer | Identify large dependencies | Bundle >500KB | | why-did-you-render | Unnecessary re-renders | Debug re-render storms | | React Compiler (2024+) | Automatic memoization | React 19+ |
Why wrong: Arrow function creates new reference → React.memo useless.
Optimice las aplicaciones de React para un rendimiento de 60 fps. Implementa memorización, virtualización, división de código y optimización de paquetes. Úselo para renderizaciones lentas, listas grandes y paquetes hinchados. Actívelo en "React performance", "renderizado lento", "useMemo", "tamaño del paquete", "virtualización". NO para optimización de backend, marcos que no sean React u optimización prematura. Fuente: erichowens/some_claude_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/erichowens/some_claude_skills --skill react-performance-optimizer- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es react-performance-optimizer?
Optimice las aplicaciones de React para un rendimiento de 60 fps. Implementa memorización, virtualización, división de código y optimización de paquetes. Úselo para renderizaciones lentas, listas grandes y paquetes hinchados. Actívelo en "React performance", "renderizado lento", "useMemo", "tamaño del paquete", "virtualización". NO para optimización de backend, marcos que no sean React u optimización prematura. Fuente: erichowens/some_claude_skills.
¿Cómo instalo react-performance-optimizer?
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/erichowens/some_claude_skills --skill react-performance-optimizer 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/erichowens/some_claude_skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01