useMemo Hook

What is useMemo?

useMemo memoizes the result of a calculation. It only recalculates when dependencies change.

When to Use

• Expensive calculations
• Referential equality for objects/arrays
• Preventing unnecessary re-renders

Syntax

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);