react

SKILL.md

Performance optimization guide for React v19 applications, adapted from Vercel's react-best-practices.

Key Principle: These rules are ordered by impact. Fix CRITICAL issues first.

| 1 | Eliminating Waterfalls | CRITICAL | Parallel async operations | | 2 | Bundle Size | CRITICAL | Dynamic imports, barrel files | | 3 | Re-render Optimization | MEDIUM | memo, state, dependencies | | 4 | Rendering Performance | MEDIUM | CSS, DOM, hydration | | 5 | JavaScript Performance | LOW-MEDIUM | Data structures, loops |

Mejores prácticas de React v19 para Vite SPA. Activadores de diseño de componentes, re-renderizaciones, rendimiento, memorización, gestión de estado, optimización de paquetes. Úselo para patrones de React del lado del cliente. Fuente: sebastiaanwouters/dotagents.

Ver original