vercel-react-best-practices

Optimize React performance by applying Vercel's best practices for code-splitting, lazy loading, and SSR. This skill provides prioritized, rule-based guidance to reduce rendering time, optimize data fetching, and decrease bundle size.

Conduct a React performance audit by applying prioritized, rule-based guidance to identify bottlenecks. This skill targets React and Next.js projects, offering clear rules and reference materials to guide safe code reviews and refactoring.

Lazy loading and code-splitting improve React rendering times by deferring component loading and dividing bundle assets. This skill applies Vercel practices to optimize runtime execution and enforce safe improvements for data fetching.

Yes, you can use these Vercel performance practices to conduct automated refactoring via AI. The skill enforces rule-based guidance with prioritized categories and reference materials to standardize team workflows and guide safe improvements.

No specific dependencies are required to apply these React performance rules. The skill provides standalone, rule-based guidance for code review and refactoring tasks in React and Next.js projects without external package requirements.

You should cautiously apply SSR optimization techniques when dealing with critical performance bottlenecks. The skill recommends identifying non-critical bottlenecks first and applying prioritized rules to ensure safe, incremental rendering improvements.