FrameScheduler - a frame scheduler that will call callback at most once per frame.

framescheduler.js

// Creates a frame scheduler that will call callback at most once per frame.
export const FrameScheduler = callback => {
  let isScheduled = false

  const draw = t => {
    isScheduled = false
    callback(t)
  }

  const schedule = () => {
    if (!isScheduled) {
      isScheduled = true
      requestAnimationFrame(draw)
    }
  }

  return schedule
}