React Best Practices

By Vercel · Official skill

What it does

32.9K Repository starsLast verifiedOct 23, 2026

Give your coding agent a reusable set of guidelines for reviewing React and Next.js performance. It can use the skill’s instructions to identify potential improvements and guide code changes. Use it when building a component or reviewing an existing page to make performance considerations part of the work.

Learn more

How this skill helps: Review React and Next.js code for performance issues using Vercel’s guidelines. It helps your agent connect potential improvements to specific components and data flows, so you can assess proposed changes before applying them.
When to use it: Use it when building a component or reviewing an existing page to make performance considerations part of the work.
How to get started: Choose Copy for agent and paste it into your coding agent. Include the component or route, relevant data-fetching code, framework version, and any measured performance problem. Ask the agent to read the linked skill instructions and check prerequisites before starting.

Try asking your agent

Use React Best Practices to review this Next.js route. Prioritize the most consequential performance findings, explain the evidence, and propose focused changes with a way to verify them.

View source