use-memo-state

A React hook that combines the power of useState and useMemo to create memoized state values.

Installation

npm install use-memo-state
# or
yarn add use-memo-state

Usage

import { useMemoState } from 'use-memo-state';

function MyComponent() {
  const [sum, setSum] = useMemoState((prev = 0) => prev + (newPrice ?? 0), [newPrice]);
  
  return <div>Total: {sum}</div>;
}

API

function useMemoState<T>(
  initializer: (prev: T) => T,
  deps: ReadonlyArray<any>
): [T, (value: T) => void]

Parameters

• initializer: A function that takes the previous state value and returns the new state value
• deps: An array of dependencies that will trigger a recalculation when changed

Returns

• A tuple containing:
  • The memoized state value
  • A function to update the state

License

ISC