@kirz/react-native-toolkit/src/hooks/useAppActivityEffect.ts

Toolkit to speed up React Native development

import { useEffect } from 'react';
import { AppState } from 'react-native';

export function useAppActivityEffect(
  callback: (initial?: boolean) => void,
  deps?: React.DependencyList,
) {
  useEffect(() => {
    let lastCheckTimestamp = 0;

    const onStateChanged = async (initial?: boolean) => {
      const newTimestamp = new Date().valueOf();
      if (newTimestamp - lastCheckTimestamp < 2000) {
        return; // small delay for too frequent requests
      }

      lastCheckTimestamp = newTimestamp;

      callback(initial);
    };

    const listener = AppState.addEventListener('change', async (state) => {
      if (state === 'active') {
        onStateChanged();
      }
    });

    onStateChanged(true);

    return () => {
      listener.remove();
    };
  }, deps);
}