Performance problems in React usually come from unnecessary re-renders and expensive computations. Understanding how React decides to update components is the first step to fixing them.
Using Memoization
React.memo, useMemo, and useCallback can significantly reduce re-renders when used correctly. They prevent expensive recalculations when props and state haven't changed.
Premature optimization is bad, but blind re-rendering is worse.