vercel-react-best-practices

Fix React re-render performance issues by applying rules for component design, state management, and rendering optimization provided by this skill. It codifies proven patterns to identify bottlenecks and standardize refactoring across your frontend project.

Optimize Next.js page routing and data fetching by eliminating waterfalls and applying server-side performance rules. This skill provides actionable guidance for efficient client-side fetching and bundle size reduction to improve load times.

Reduce React bundle size using structured bundle optimization and advanced patterns defined in this skill. It enforces actionable rules to proactively identify and remove runtime costs during AI-assisted refactoring.

Yes, you can standardize frontend performance refactoring across your team using the 45+ categorized rules in this skill. It covers eight categories with real-world scenarios to guide consistent code generation and safer UI improvements.

Slow Next.js server-side rendering performance often stems from inefficient data fetching and unoptimized component design. This skill targets these areas with specific server-side performance rules and safety checks to reduce runtime costs.

Avoid automated React performance refactoring without inspecting the AGENTS.md and understanding the applied patterns. This skill includes safety checks, but you should review top-priority rules before guiding AI-assisted changes in critical codebases.