React Scheduler: Implementing Idle‑Time Execution and Time Slicing with requestAnimationFrame, postMessage and MessageChannel

This article explains how React simulates requestIdleCallback by combining requestAnimationFrame, postMessage, and MessageChannel to execute work during browser idle periods, detailing the evolution from the early rAF‑postMessage approach in v16 to the message‑loop implementation in v18 and providing simplified source code examples.

MessageChannelReactTime Slicing

0 likes · 14 min read

React Scheduler: Implementing Idle‑Time Execution and Time Slicing with requestAnimationFrame, postMessage and MessageChannel

ELab Team

Oct 21, 2021 · Frontend Development

How React Fiber Leverages requestIdleCallback: Deep Dive & DIY Implementation

This article explains the concept of requestIdleCallback, its limitations, and how React Fiber implements a custom idle‑time scheduler using requestAnimationFrame and MessageChannel, complete with code demos and analysis of the underlying React source.

FiberJavaScriptMessageChannel

0 likes · 12 min read

How React Fiber Leverages requestIdleCallback: Deep Dive & DIY Implementation

Fulu Network R&D Team

Aug 10, 2021 · Frontend Development

Implementing Zero-Delay Timers in JavaScript: Alternatives to setTimeout

This article explores why the native setTimeout cannot achieve a true 0 ms delay, presents a postMessage‑based zero‑timeout implementation, and compares several asynchronous JavaScript techniques—including queueMicrotask, async/await, and MessageChannel—showing their performance advantages over setTimeout.

JavaScriptMessageChannelMicrotask

0 likes · 7 min read

Implementing Zero-Delay Timers in JavaScript: Alternatives to setTimeout