vercel-react-best-practices

Reduce Next.js bundle size by applying targeted static asset handling and bundling patterns. This Skill guides you through concrete refactors that eliminate unnecessary client-side code, yielding measurable improvements in bundle size and load performance.

The best way to eliminate data fetching waterfalls is applying guided performance patterns that optimize data retrieval. This Skill provides concrete examples and decision support to safely refactor data fetching while validating changes with targeted benchmarks.

You need to optimize React server-side rendering versus client rendering when evaluating trade-offs for load times and interactivity. This Skill provides decision support to reason about rendering strategies and apply safe, testable refactors in real-world projects.

Validate performance gains after a React or Next.js refactor by running targeted benchmarks to measure improvements in TTI and LCP. This Skill ensures refactors follow established guidelines and yields measurable results validated through testing.

Yes, you can use these React performance patterns for both new code and code reviews. This Skill provides a consolidated, performance-oriented playbook applicable to new code, code reviews, and refactors to prevent regressions as projects scale.