@tinkoff/react-hooks
v0.3.3
Published
Set of React Hooks
Downloads
3,867
Maintainers
Keywords
Readme
@tinkoff/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