scheduler

Immediate Priority Scheduling

Schedules a task to be performed with the highest priority, effectively running it as soon as possible.

import { unstable_scheduleCallback, unstable_ImmediatePriority } from 'scheduler';

unstable_scheduleCallback(unstable_ImmediatePriority, () => {
  console.log('Run this task immediately');
});

User Blocking Priority Scheduling

Schedules a task with a priority level that is high but not as immediate, suitable for tasks that must respond to user input, like input handlers.

import { unstable_scheduleCallback, unstable_UserBlockingPriority } from 'scheduler';

unstable_scheduleCallback(unstable_UserBlockingPriority, () => {
  console.log('Run this task with user-blocking priority');
});

Normal Priority Scheduling

Schedules a task with a normal priority, which is suitable for tasks that do not need to be run immediately or in response to direct user input.

import { unstable_scheduleCallback, unstable_NormalPriority } from 'scheduler';

unstable_scheduleCallback(unstable_NormalPriority, () => {
  console.log('Run this task with normal priority');
});

Idle Priority Scheduling

Schedules a task with the lowest priority, which will run when the browser is idle, suitable for background and low priority tasks.

import { unstable_scheduleCallback, unstable_IdlePriority } from 'scheduler';

unstable_scheduleCallback(unstable_IdlePriority, () => {
  console.log('Run this task when the browser is idle');
});