react-best-practices

Optimize React and Next.js rendering performance by applying rules for server components, client components, and suspense boundaries. This skill enforces concrete patterns for rendering and data fetching to achieve faster load times and better UX.

Reduce bundle size in a Next.js application by enforcing code-splitting and prudent data handling patterns. This skill provides battle-tested guidelines for bundle size considerations to optimize your web vitals.

Server actions and suspense in Next.js performance optimization work by enforcing safety-conscious rules for data fetching and rendering. These patterns ensure faster load times and better UX across server and client components.

Yes, you can use these React performance guidelines for refactoring existing code. The skill is applicable when writing, reviewing, or refactoring React/Next.js codebases across components, pages, and server components.

Apply web vitals best practices to your React codebase when writing, reviewing, or refactoring code. This skill provides performance guidelines for rendering, data fetching, and bundle size to achieve faster load times.