vercel-react-best-practices

To fix slow React rendering, you must identify and apply best-practice fixes for component structure, effects, and memoization. This Skill reviews your codebase to spot slow patterns and suggests performance-safe refactors to eliminate unnecessary re-renders.

The best way to prevent data fetching waterfalls in Next.js is to refactor slow pages into faster parallel components with safer client boundaries. This Skill provides rule-aware guidance to identify waterfall patterns and optimize server-side fetching and route handlers.

To optimize heavy component bundling and script loading in Next.js, apply better loading strategies for third-party libraries and repeated computations. This Skill recommends runtime efficiency improvements and hydration safety boundaries for your application layouts.

Yes, you can use this approach for both server components and client components. This Skill applies performance guardrails across client components, server components, route handlers, and application layouts during code review, refactoring, and new feature work.

Hydration errors often occur due to improper serialization boundaries or unsafe script loading patterns. This Skill helps identify and apply hydration safety fixes and rule-aware guidance to prevent these performance guardrails from breaking during refactoring.