react-best-practices

To optimize React and Next.js performance, apply best-practice patterns for server and client data fetching, reduce rendering waterfalls, and minimize bundle size. This skill codifies guidelines to identify bottlenecks and ship faster user experiences.

Using Suspense boundaries and Server Components effectively requires following actionable guidance with concrete examples for data fetching, caching, and transitions. This ensures modern React tooling manages render times correctly and improves user experience.

Reduce bundle size and render waterfalls by applying core performance patterns for server and client data fetching. This skill provides automated refactoring guidance and validation to align your codebase with industry-standard practices.

Yes, you can use this skill to automatically refactor React code for performance. It supports automated refactoring with safety checks and validation to help teams align their codebases with industry-standard performance practices.

Yes, this skill works with both server and client data fetching in modern React tooling. Its scope explicitly includes optimizing data fetching, rendering, and bundle size across server and client components in React and Next.js projects.