react-best-practices

To optimize React and Next.js performance, eliminate data fetching waterfalls by parallelizing requests and utilizing server-side fetching where applicable. This Skill provides over 40 rules to guide these specific refactoring patterns for faster loads.

Reducing bundle size in Next.js involves analyzing dependencies and applying dynamic imports for non-critical components. This Skill provides guidelines to minimize bundle sizes, ensuring efficient code delivery and improved application loading times.

To stop unnecessary re-renders in React, apply memoization techniques and optimize state management to prevent excessive component updates. This Skill offers advanced rendering patterns to efficiently handle re-renders and boost performance.

Yes, AI agents can use these React optimization guidelines for code generation, review, and refactoring. The rules are specifically designed to be agent-friendly, providing clear instructions for automated code quality and efficiency improvements.

Yes, this Skill covers both server-side and client-side data fetching and rendering optimization. It provides comprehensive guidelines across 8 categories to address critical performance bottlenecks in your React and Next.js applications.