React Components Re-rendering Excessively

1. Creating new objects/arrays on each render (breaks memo equality)
2. Not memoizing expensive computations with useMemo
3. Inline arrow functions passed as props causing re-renders
4. Context values not memoized causing provider re-renders
5. Missing React.memo on child components

Memoize expensive components and values:

const MyComponent = React.memo(({ data }) => (
  
{data.name}
));

const Parent = () => {
  const [count, setCount] = useState(0);
  const value = useMemo(() => ({ count }), [count]);
  
  return ;
};

Use DevTools Profiler to find bottlenecks.