Performance patterns and guidelines from react.dev and Vercel Engineering.
| Avoid unnecessary effects | Render cycles, bugs | effect-pitfalls.md | | Eliminate waterfalls | First paint, TTI | async-waterfall-elimination.md | | Parallel data fetching | Load time | async-parallel-requests.md | | Avoid barrel imports | Bundle size | bundle-barrel-imports.md |
| React Compiler (19+) | Auto memoization | react-compiler.md | | Dynamic imports | Code splitting | bundle-dynamic-import.md | | Preload on user intent | Perceived latency | bundle-preload.md | | Strategic memo() | Render perf | rerender-memo-strategy.md | | Server caching | Server response | server-cache-patterns.md |
Best practice per React da react.dev e Vercel. Da utilizzare quando: (1) rivedere il codice React, (2) eseguire il debug di problemi di prestazioni, (3) ottimizzare le dimensioni del bundle, (4) scrivere effetti o logica di stato. Si attiva su: prestazioni React, re-rendering, dimensione del bundle, cascate, suddivisione del codice, memo, useCallback, useMemo, useEffect, sfarfallio SSR, caricamento iniziale lento, compilatore React, struttura dello stato, aggiornamento immutabile, oggetto array setState. Fonte: ahonn/dotfiles.