react-best-practices

Fix React performance regressions by applying codified best practices that prioritize rules across asynchronous rendering, bundle optimization, and server-side performance to shrink bundles and reduce waterfalls.

Optimize Next.js data fetching and server rendering by applying actionable patterns that enforce safe, testable rules during component design, improving client-side data fetching and server rendering efficiency.

Yes, you can use these React best practices during code reviews and refactoring via auto-detection prompts and templates that apply patterns directly to your React and Next.js codebase workflows.

Yes, this approach works with SWR by providing concrete examples and references that support client-side data fetching optimizations within the React and Next.js ecosystems.

Prioritize critical rules first to achieve high-impact performance improvements rapidly, reducing waterfalls and shrinking bundles by addressing top-priority performance hotspots before lower-priority optimizations.

Generic React practices lack server-side boundaries and bundle optimization context; this approach provides Next.js-specific guidance across server rendering, client boundaries, and bundle size constraints.