react-best-practices

Fix React rendering bottlenecks by applying established best practices for component design and re-render optimization. This skill provides actionable guidelines to identify performance regressions and enforce safe rendering patterns across your application.

Eliminate data fetching waterfalls in Next.js by enforcing rules for parallel data fetching and caching. This skill standardizes server-side performance and client-side fetching patterns to prevent sequential request delays in production-ready code.

Optimize bundle size and server rendering performance by applying standardized rules for server-side rendering and bundle optimization. This skill provides practical examples to improve server and client interactions while reducing overall bundle footprint.

Yes, you can use these React performance patterns across both client and server contexts. The skill enforces guidelines for server rendering, client-side data fetching, and component design to maintain performance discipline throughout your entire stack.

Next.js performance regressions often occur due to inconsistent patterns across components and data fetching. Applying centralized best practices for rendering, parallel fetching, and caching helps standardize performance and prevent regressions during code refactors.