vercel-react-best-practices

Optimize React and Next.js performance by applying code-splitting, lazy loading, and Suspense boundaries to speed up rendering and reduce bundle size. The Skill provides detailed guidelines and code examples for these techniques.

Reduce bundle size in Next.js by using direct imports and avoiding barrel files, which decreases startup times. The Skill outlines these specific techniques to minimize resource consumption.

Server-side data fetching for static data hoisting involves caching static data and executing parallel data fetching. The Skill provides strategies to improve server-side efficiency using these methods.

Yes, you can refactor an existing complex React app for faster load times and smaller bundle size. The Skill runs verification on your codebase to identify violations and suggests optimizations.

Use Suspense boundaries for React performance optimization to speed up rendering and manage loading states efficiently during code-splitting and lazy loading operations. The Skill includes examples for this approach.

No specific dependencies are required to run verification on your React codebase. The Skill operates independently to identify best practice violations related to rendering, data fetching, and bundle management.