vercel-react-best-practices

Optimize React and Next.js performance by applying a prioritized rule set of 45+ rules across eight categories. It guides component refactoring and data-fetching strategies to reduce waterfalls, improve time-to-interactivity, and lower bundle size.

Reducing bundle size in Next.js applications involves applying specific best practices for bundle optimization. This Skill provides concrete code examples and measurable outcomes to shrink bundle sizes and accelerate rendering.

Yes, you can review data-fetching strategies in large Next.js apps to prevent waterfalls. It supplies real-world guidance with concrete examples to improve both server and client performance during development.

Yes, this Skill provides code examples for improving time-to-interactivity. It delivers a categorized rule set with real-world guidance to drive automated refactoring and consistent performance improvements.

Apply React performance best practices during development tasks like writing, reviewing, or refactoring components and pages. Use the prioritized rule set to drive automated refactoring and achieve consistent performance improvements.

The best way to review React components for performance issues is using a comprehensive, categorized rule set. It guides reviews and automated improvements with concrete examples and measurable outcomes for both server and client performance.