useMemo

Memoizes the result of expensive computations. Similar to useCallback, but instead of memoizing a function, it memoizes the result of a computation.

Example

import { useMemo } from "kaioken"

function MyComponent({ prop }) {
  // Memoize the result of an expensive computation
  const memoizedResult = useMemo(() => {
    // Expensive computation based on the prop
    return computeExpensiveValue(prop)
  }, [prop]) // Re-run when 'prop' changes

  return (
    <div>
      <p>Result: {memoizedResult}</p>
    </div>
  )
}

Related