HowTo requestIdleCallback

requestIdleCallback-example.js

import R from 'ramda'

const runTask = R.curry((taskList, deadline) => {
  while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && taskList.length) {
    const task = taskList.shift()

    task()
  }

  if (taskList.length) {
    requestIdleCallback(runTask(taskList), { timeout: 1000 })
  }
})

const initTask = () => {
  const taskList = []

  return function enqueueTask(f) {
    taskList.push(f)
    requestIdleCallback(runTask(taskList), { timeout: 1000 })
  }
}

// ....somewhere else in your app

const app = () => {
 const taskQueue = initTask()
 const task = () => {
   // do stuff
 }
 
 taskQueue(task)
}