react-best-practices

Optimize React rendering by applying codified best practices for hook usage and memoization. This Skill enforces 57 rules across 8 categories to minimize unnecessary re-renders and improve component render performance.

React server components and client boundaries require clear patterns for hydration and data flow to avoid waterfalls. This Skill provides concrete guidance on structuring these boundaries for safer, optimized Next.js UI rendering.

Prevent data fetching waterfalls by applying structured best practices for server and client component data flow. This Skill encodes rules for data fetching and suspense to eliminate bottlenecks and accelerate development velocity.

Yes, this React performance guidance covers bundle size reduction and caching strategies. It references in-depth materials and practical use cases to enforce safe, optimized patterns for bundle efficiency in Next.js apps.

Next.js hydration behavior degrades performance when server and client boundaries are improperly structured. Applying codified rules for hydration and suspense patterns resolves these bottlenecks and improves rendering efficiency.

Prior knowledge of Next.js suspense patterns is helpful but not required to review React performance. This Skill provides a catalog of 57 rules and in-depth references to guide writing and reviewing components safely.