react-best-practices

Rule-indexed guide for React and Next.js. Each rule is one file under references/, named <prefix>-<slug>.md, containing a short rationale plus an incorrect/correct pair.

Read the index below, then load only the rule files relevant to the code at hand. Do not read the whole references/ directory.

When to apply

• Writing new React components, hooks, or Next.js pages
• Implementing client data fetching or a mutation flow
• Reviewing or refactoring existing React code for performance
• Debugging re-renders, waterfalls, stale UI after a write, or bundle size

Categories by priority