Usememo in react

useMemo is a hook that caches the result of a complex computation between re-renders. It only re-calculates the value when one of its dependencies changes. It helps avoid expensive calculations (like sorting or filtering large lists) during every render cycle, improving responsiveness.

const sortedData = useMemo(() => {
  return [...items].sort((a, b) => a.value - b.value);
}, [items]);