Skip to main content

Memoization ↔ (Design Pattern) to Cache/reuse previous return value from Pure Function for specific args, to optimize perf

aka Memoize, Memo

remembering last I/O of Pure Function

Incremental Computation​

(Design Pattern) to compute only Diff, build upon previous calc, avoid repeat work for better perf

References​

  1. Memo() ↔ React function from useMemo() API for Memoization of any function !snippet for addition
<code>import</code>  {memo} 
const add = (a, b) => a + b;
const memAdd = memo(add)

  1. Memoizing Hook ↔ (typeof) Hook to Memoize for better perf by avoid repeat calculations

  2. useCallback() ↔ Memoizing Hook to Memoize Callback for given Deps Array

  3. useMemo() ↔ Memoizing Hook to Memoize entire Component, some JSX or props, based on Deps Array change