useMemo

Returns a memoized value. Only recomputes when one of the dependencies changes. Useful for expensive calculations.

Syntax

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

Example

react
const sortedItems = useMemo(
  () => items.slice().sort((a, b) => a.name.localeCompare(b.name)),
  [items]
);

return <List items={sortedItems} />;