react-performance

Audit React and Next.js performance during code reviews using a 70-rule priority catalog targeting network waterfalls, bundle sizes, and unnecessary re-renders. It evaluates component trees and data fetching logic to identify structural bottlenecks.

Fix Web Vitals regressions by applying decision-tree guidance for rendering, data fetching, and bundle management. The skill systematically resolves slow page loads and high CPU usage using architectural patterns.

Handle React Server Components and client-side state by implementing best practices for RSC and resource loading. The framework applies architectural patterns to eliminate unnecessary re-renders and ensure high-performance user experiences.

Diagnose slow page loads and high CPU usage in Next.js by auditing component trees and data fetching logic against industry-standard patterns. It targets developers debugging Web Vitals regressions in modern React stacks.

Auditing network waterfalls and excessive bundle sizes is limited to architectural patterns within React and Next.js stacks. It provides a structured framework for identifying rendering and data fetching issues rather than automated runtime profiling.