Memoized function accepting arguments (prevents React rerendering)

makeCallback.js

import memoize from 'memoizee'

/**
 * Returns memoized function accepting arguments (prevents React rerendering)
 */
export const makeCallback = memoize(
  (func, ...args) => (...additionalArgs) => func(...args, ...additionalArgs),
  { length: false },
)


// TESTS

test('makeCallback', () => {
  const func = value => value
  const firstInstance = () => func(0)
  const secondInstance = () => func(0)
  expect(firstInstance).not.toBe(secondInstance)

  // memoize callback
  const firstMemoizedInstance = makeCallback(func, 0)
  const secondMemoizedInstance = makeCallback(func, 0)
  expect(firstMemoizedInstance).toBe(secondMemoizedInstance)
  expect(secondMemoizedInstance()).toEqual(0)
  const thirdMemoizedInstance = makeCallback(func, 1)
  expect(firstMemoizedInstance).not.toBe(thirdMemoizedInstance)
  expect(thirdMemoizedInstance()).toEqual(1)
})