React Performance
Detects render-cost issues: missing memoization, inline functions in lists, expensive computations in render.
React component performance is dominated by what happens during render and how often render runs. The analysis flags common cost-drivers — large prop lists without memo, expensive computations in the render body, inline callbacks passed to memoized children, and large list renders without virtualization.
Severity guide
- info
- A signal worth being aware of but not requiring action.
- warning
- A pattern likely to cause subtle bugs or performance issues; refactor recommended.
- critical
- A pattern actively breaking expected behavior or contracts; fix immediately.
Remediation
Address the flagged pattern; the message field describes the specific instance.
Review the issue location and apply the React/Next.js best practice for the pattern. Each emission carries enough context to act on directly.