React Best Practices

What is vercel-react-best-practices useful for?

For a React or Next.js review, this skill provides an order in which to investigate performance work. The pinned document contains 70 rules in 8 categories, starting with request waterfalls and bundle size before moving through server work, client data fetching, repeated renders, rendering cost, JavaScript execution and advanced patterns.

That structure can help an agent connect an observed problem to a specific code change rather than applying every suggestion indiscriminately. The source covers both new components and existing code under review or refactoring.

Validate changes against the application's behaviour and measurements; the rule set does not supply a guaranteed speed increase, and its counts describe the pinned version.

SkillPi original overview · Pinned source for facts

From the source

• Prioritized optimization findings and reviewable code changes.
• Guidelines do not replace production measurement. Validate against your framework version and deployment environment.
• Identify the target files and performance symptoms.
• Review relevant prioritized rule groups and propose changes.
• Run project checks and compare measurements where available.
• A React or Next.js repository with available source.
• Build and test commands; profiling data when evaluating performance.
• MIT is declared in the skill frontmatter and repository README.

Original SKILL.md

Skillπ does not display the original SKILL.md on this page. View the original source ↗ The source site governs the file contents, license, and use terms.

Current listing version

063bee94c3f4df8453406c830b0a7df0f2860278

Verify the source revision ↗

Security rating and access scope

unscanned · Static evidence review; not a runtime safety guarantee.

Before use, confirm and authorize actual file access, external services and network destinations in your host. This review grants no runtime permissions.