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 |

React Best Practices von React.dev und Vercel. Wird verwendet, wenn: (1) React-Code überprüft wird, (2) Leistungsprobleme behoben werden, (3) die Bundle-Größe optimiert wird, (4) Effekte oder Zustandslogik geschrieben werden. Auslöser für: Reaktionsleistung, erneutes Rendern, Bundle-Größe, Wasserfälle, Codeaufteilung, Memo, useCallback, useMemo, useEffect, SSR-Flimmern, langsames anfängliches Laden, React Compiler, Statusstruktur, unveränderliche Aktualisierung, setState-Array-Objekt. Quelle: ahonn/dotfiles.

Original anzeigen