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 |

Meilleures pratiques React v19 pour Vite SPA. Déclencheurs sur la conception des composants, les rendus, les performances, la mémorisation, la gestion des états, l'optimisation du bundle. À utiliser pour les modèles React côté client. Source : sebastiaanwouters/dotagents.

Voir l'original