cyberneticlibrary

Optimize React and Next.js performance

react-performanceskillsetup L20
Sheshiyer/skill-clusters
What it does

Profile and optimize React rendering, re-renders, and data fetching

Best for

Finding React rendering bottlenecks in production apps with data.

Outputs
  • · Profiling report
  • · Optimization recommendations
Requires
  • · React DevTools
  • · Profiler API
Preconditions

React app instrumented with DevTools

Failure modes
  • · Profiler data misinterpreted
  • · Optimization assumes specific usage pattern
Trust signals
  • · Includes profiling methodology
  • · Documents memoization heuristics