Skip to main content

react-hooks

Set of React Hooks

Api​

useShallowEqual​

Makes shallow equal check for passed argument. If current argument is equal to previous then result of the hook will not be changed. Otherwise it will be equal to a current argument.

import { useEffect } from 'react';
import { useShallowEqual } from '@tinkoff/react-hooks';

export function Cmp({ obj }) {
  // obj - some object
  // objRef - reference to object. For example, if reference obj were changed after sequential render,
  // but it still shallow equals to initial obj then objRef will reference to the initial obj ссылка на объект obj
  const objRef = useShallowEqual(obj);

  useEffect(() => {
    // React checks deps with reference equality that may lead to unnecessary hook call when reference were changed
    // but we care only about actual changes to object itself not reference
    // in that case objRef will not lead to effect call in case new reference is shallowly equal to previous
  }, [objRef]);
}

useIsomorphicLayoutEffect​

Use useLayoutEffect in universal code without React warnings