react-best-practices

Optimize React and Next.js performance by applying prioritized best practices across eight categories including server-side performance, data fetching, and bundle size. This enforces high-leverage rules to accelerate time-to-interactive across client and server components.

Best practices for reducing bundle size and re-render optimization involve applying concrete patterns and actionable steps from the guide. This systematically improves code health by addressing async waterfalls and JavaScript performance.

Audit and refactor a React codebase for rendering performance by applying top-priority optimization rules from the guide. This provides actionable steps for reviewing and implementing improvements in real projects.

Yes, this React performance skill works for both new components and code refactors. It is applicable across client and server components, data-fetching, and routing in React and Next.js projects.

Yes, you can automate React and Next.js performance reviews and refactoring workflows. The skill supports optional assets and references for tooling integration to enforce consistency during development and deployment.