react-best-practices

SKILL.md

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 |

Réagissez aux meilleures pratiques de React.dev et Vercel. À utiliser lorsque : (1) révision du code React, (2) problèmes de performances de débogage, (3) optimisation de la taille du bundle, (4) écriture d'effets ou de logique d'état. Déclencheurs sur : performances de React, nouveau rendu, taille du bundle, cascades, fractionnement de code, mémo, useCallback, useMemo, useEffect, scintillement SSR, chargement initial lent, compilateur React, structure d'état, mise à jour immuable, objet de tableau setState. Source : ahonn/dotfiles.

Voir l'original