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 |
Лучшие практики React от React.dev и Vercel. Используйте, когда: (1) просмотр кода React, (2) отладка проблем с производительностью, (3) оптимизация размера пакета, (4) написание эффектов или логики состояний. Запускается по: производительности React, повторному рендерингу, размеру пакета, водопадам, разделению кода, memo, useCallback, useMemo, useEffect, мерцанию SSR, медленной начальной загрузке, компилятору React, структуре состояний, неизменяемому обновлению, объекту массива setState. Источник: ahonn/dotfiles.