Memoization of any value

to avoid expensive recalculations

to maintain Referential Equality

!snippet useMemo() to memoize filtering

import {useMemo, useState} from "react";
function List({list}) {
  const [showHighlight, setShowHighlight] = useState(false);
  const filteredList = useMemo(
    () => list.filter(({isHighlight}) => showHighlight ? isHighlight : true),
    [list, showHighlight]
  )
  return ...
}

References