react-best-practices

React and Next.js performance optimization best practices include eliminating data waterfalls, reducing bundle size, and improving server-side rendering. This Skill provides 64 categorized rules with real-world examples and impact metrics to guide automated code refactoring.

To optimize bundle size and eliminate waterfalls in Next.js, apply targeted performance rules that identify bottlenecks and enforce optimal data fetching. This Skill supplies categorized guidelines and examples to help developers and AI agents refactor performance-critical code effectively.

AI agents can automatically refactor React components by applying structured performance rules. This Skill provides comprehensive guidelines and impact metrics designed specifically to guide automated code generation and refactoring for performance-critical React and Next.js applications.

Prior knowledge of React and Next.js concepts, along with performance optimization strategies, is required to effectively apply these guidelines. The Skill targets developers and AI agents working on performance-critical applications who already understand these foundational framework concepts.

The best way to ensure generated React code is performance-optimized is to enforce a comprehensive set of performance rules during code generation. This Skill offers 64 rules across 8 categories, including server-side and JavaScript performance, to guide optimal component creation.

React application performance bottlenecks often stem from inefficient data fetching, large bundle sizes, or poor server-side rendering. This Skill helps identify these issues by providing 64 categorized performance rules with real-world examples and impact metrics for targeted optimization.