Request Idle Callback

Exports Size

Gzip Size

Brotli Size

Source Code

View on GitHub

Docs

Edit this page

A ponyfill for requestIdleCallback, because Safari (a.k.a Modern IE) refuses to support it .

From MDN :

The window.requestIdleCallback() method queues a function to be called during a browser’s idle periods. This enables developers to perform background and low-priority work on the main event loop, without impacting latency-critical events such as animation and input response.

Usage


import { useEffect } from 'react';
import { requestIdleCallback, cancelIdleCallback } from 'foxact/request-idle-callback';
 
const useIsIdle = () => {
  const [isIdle, setIsIdle] = useState(false);
  useEffect(() => {
    const idleHandle = requestIdleCallback(() => {
      setIsIdle(true);
    });
 
    return () => {
      cancelIdleCallback(idleHandle);
    }
  });
 
  return isIdle;
}