vercel-react-best-practices

To optimize React and Next.js performance, apply guidelines covering bundle size reduction, server-side rendering efficiency, and eliminating data fetching waterfalls. This ensures code is efficient, bundles are small, and user experiences are smooth.

Best practices for reducing JavaScript bundle size include strategies to minimize imports and optimize component rendering. This Skill provides 58 rules across 8 categories to help developers refactor code for optimal bundle size and faster load times.

Eliminating data fetching waterfalls in server-side rendering requires parallelizing data requests. This Skill provides refactoring guidance to ensure data fetching is parallelized and server-side efficiency is maintained.

Yes, you can use this Skill to review and refactor existing React components. It provides automated code review suggestions and refactoring guidance to ensure components are memoized correctly and optimized for maintainability and speed.

Yes, this Skill applies to both React and Next.js codebases requiring adherence to Vercel Engineering's best practices. It addresses common performance bottlenecks across both frameworks, covering rendering efficiency and server-side performance.