react-best-practices

Identify React and Next.js performance best practices by applying structured rules across component development, page rendering, and data-fetching. This provides actionable guidelines categorized into 8 distinct areas to guide optimization decisions during code reviews.

Optimize web vitals during Next.js page rendering by applying a structured set of prioritized rules. These guidelines target server/client boundaries and data-fetching processes to improve overall efficiency and prevent common development pitfalls.

You can use these performance guidelines to audit an existing React project. The skill serves as a centralized reference for reviewing code, making architectural decisions, and executing refactoring tasks to improve project efficiency.

No specific dependencies are required to apply these React optimization rules. The skill provides a standalone catalog of performance best practices that teams can use as a reference for automated tooling and manual code reviews.

Avoid using general performance best practices when your React component development requires highly specialized architectural constraints. The skill provides standardized rules across 8 categories, which may not cover unique, edge-case performance scenarios.

This skill provides rules for managing server and client boundaries in Next.js. It applies structured guidelines during data-fetching and page rendering to help developers make informed optimization decisions across the application architecture.