React best practices

Vercel's React and Next.js performance rules, one file per rule in rules/, ranked by impact. local-notes.md holds local overrides that win over any rule they contradict.

Steps

1. Read the stack

Check package.json and next.config.* for:

• the react and next versions in use
• React Compiler: reactCompiler in next.config.*, or babel-plugin-react-compiler in a build config
• Next.js Cache Components: cacheComponents: true in next.config.*

When React Compiler is on, or the project uses Next.js, read local-notes.md before step 2 - it says which memoisation rules the compiler makes redundant and how Next.js 16 caching changes the server- and async- rules.