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 |
Best practice di React v19 per Vite SPA. Trigger sulla progettazione dei componenti, re-render, prestazioni, memorizzazione, gestione dello stato, ottimizzazione dei bundle. Utilizzare per modelli React lato client. Fonte: sebastiaanwouters/dotagents.