vercel-react-best-practices

To eliminate data fetching waterfalls in Next.js, apply parallel data fetching patterns during component development or refactoring. This enforces guidance on enabling concurrent requests and safe caching strategies to improve performance outcomes.

Optimizing React server actions for performance requires applying structured best practices during feature development. This enforces guidance on safe caching strategies and secure server-side fetching to consistently improve user experience.

Reducing bundle size when building React components requires applying battle-tested performance patterns during writing or review tasks. This enforces guidance on minimizing bundle size and optimizing server and client rendering contexts.

Safe caching strategies in Next.js data fetching should be applied whenever optimizing server actions and client-side fetching. This enforces security considerations alongside performance patterns to improve outcomes without compromising data integrity.

Yes, you can use these best practices to refactor an existing React codebase. The skill applies during refactoring tasks across React components and Next.js pages to identify and codify production-grade performance improvements.

No external dependencies are required to start optimizing React component performance. You can apply the defined performance patterns directly during feature development, code reviews, and refactors to improve rendering, data fetching, and bundling.