react-performance-audit

Audit React components for unnecessary re-renders by applying the audit to project sources to identify expensive renders, unstable contexts, and inline object creation, outputting concrete fixes with file references and thresholds.

Decide between memoization and virtualization by running the audit decision tree, which recommends React.memo or useMemo for prop changes and virtualization for large lists to speed up the UI.

Yes, the React performance audit works with Next.js and Remix projects by applying to project sources across frameworks including CRA, Vite, Next.js, and Remix to analyze render inefficiencies.

Use code splitting and Suspense boundaries in React when the audit identifies safe code-splitting opportunities and heavy context usage, providing a decision tree to improve load and render times.

Fix expensive renders caused by unstable React contexts by auditing the component tree to identify overly nested state and unstable contexts, then applying recommended memoization strategies like useMemo and useCallback.