react-best-practices

To identify and fix React rendering bottlenecks, this skill applies a structured set of optimization rules covering component rendering, re-render minimization, and advanced patterns. It audits your project to eliminate waterfalls and reduce unnecessary client-side re-renders.

Reducing bundle size in a Next.js application involves applying targeted bundle size optimization rules. This skill provides a catalog of best practices to analyze your bundling scenarios and enforce concrete improvements for both development and production environments.

Server-side performance optimization for React server components works by applying structured rules to improve data fetching and rendering scenarios. This skill enforces guidance on eliminating waterfalls and optimizing server-side execution across your Next.js project.

Yes, you can use these React best practices for both development and production. The optimization rules cover component rendering, data fetching, and bundling scenarios across both environments to ensure comprehensive performance tuning.

To eliminate data fetching waterfalls in a React application, this skill applies structured optimization rules to your client-side and server-side data fetching patterns. It enforces guidance to restructure requests and improve overall rendering performance.

Poor React rendering performance often stems from unoptimized re-renders, large bundle sizes, or data fetching waterfalls. This skill audits your project against 40 plus rules to identify incorrect patterns and apply correct performance optimizations.