vercel-react-best-practices

To optimize React and Next.js performance, you can parallelize data fetching to eliminate waterfalls. This Skill provides 57 refactoring rules across 8 categories, offering specific examples to restructure component imports and ensure efficient server-side rendering.

Best practices for reducing bundle size involve optimizing component imports and eliminating unnecessary dependencies. This Skill provides specific code refactoring guidance and rules to minimize bundle bloat, ensuring faster load times and smoother user experiences.

Improving React re-render efficiency requires applying specific rules to prevent unnecessary component updates. This Skill provides targeted optimization guidelines and refactoring examples to streamline rendering performance across your React and Next.js codebase.

Yes, this React optimization guidance covers server-side rendering performance for Next.js. It includes comprehensive rules targeting server-side efficiency, ensuring that developers and AI agents can refactor codebases for optimal load times and rendering behavior.

You need performance optimization guidelines when developing new Next.js features or refactoring existing React components. If your application experiences slow load times or inefficient rendering, applying these rules ensures adherence to best practices for optimal performance.

You can use this Skill to refactor existing React components and guide new Next.js feature development. It provides specific examples for eliminating waterfalls, optimizing bundles, and enhancing rendering performance, making it suitable for both writing and reviewing code.