import frameScheduling, { P_IMPORTANT } from 'frame-scheduling';
frameScheduling(() => { Action() }, { priority: P_IMPORTANT });
Asynchronous running tasks in JavaScript based on requestAnimationFrame. Supports priority and interrupt execution every 16 milliseconds, to achieve 60fps.
# yarn
yarn add frame-scheduling
# npm
npm install --save frame-scheduling
import frameScheduling, { P_IMPORTANT, P_LOW } from 'frame-scheduling';
const result = [];
frameScheduling(() => { result.push('Ember') }, { priority: P_LOW })
frameScheduling(() => { result.push('Angular') })
frameScheduling(() => { result.push('React') }, { priority: P_IMPORTANT })
console.log(result) // > ['React', 'Angular', 'Ember']
import frameScheduling from 'frame-scheduling';
frameScheduling(() => 'function 1') // light < 1ms exec
frameScheduling(() => 'function 2') // heavy > 17ms exec
frameScheduling(() => 'function 3') // heavy > 17ms exec
frameScheduling(() => 'function 4') // light < 1ms exec
frameScheduling(() => 'function 5') // light < 1ms exec
/*
Runs in frame
| function 1
| function 2
| function 3
| function 4
| function 5
*/
It is possible to set the priority of the function. If the function has a low priority, then each execution skip adds +1 to the priority. Thus, low-priority tasks, when something is done.