react-best-practices

Optimize React and Next.js performance by enforcing prioritized best practices for data fetching, Server Components, and bundle size reduction. It provides actionable recommendations to eliminate waterfalls and improve rendering during reviews and refactors.

Best practices for reducing bundle size in Next.js App Router include applying performance-aware bundling patterns and optimizing Server Components. This skill codifies actionable rules to prevent bloated bundles and suboptimal rendering.

Eliminate data fetching waterfalls in React Server Components by applying standardized guidance for optimized data fetching strategies. This ensures patterns prevent sequential requests and improve overall code quality and UX.

Yes, you can assess an existing React or Next.js codebase by running a quick assessment to surface a prioritized list of performance improvements. It shapes architecture expectations by applying standardized performance guidelines.

Implement Suspense boundaries for React performance optimization when establishing effective loading states and managing rendering flow. This skill provides actionable patterns for implementing boundaries correctly to boost user experience.

Yes, this skill works with Next.js Server Components and client data fetching by codifying actionable patterns for both. It standardizes guidance across App Router conventions to improve code quality and eliminate suboptimal rendering.