maisonsport-common-ui/src/util/hooks.js

Suite of styled-components to be consumed by the React-Native App and by the Web (via React-Native for Web)

import { useCallback, useEffect, useRef } from 'react';

export function useDebouncedEffect(effect, delay, deps) {
  const callback = useCallback(effect, deps);

  useEffect(() => {
    const handler = setTimeout(() => {
      callback();
    }, delay);

    return () => {
      clearTimeout(handler);
    };
  }, [callback, delay]);
}

export function usePrevious(value) {
  const ref = useRef();

  useEffect(() => {
    ref.current = value;
  }, [value]);

  return ref.current;
}