WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Sep 18, 2024

The Eventloop in JavaScript - How does it work?

Christian Woerz

Why do recursive promises sometimes freeze your JavaScript application? The culprit is often microtask starvation. Master the event loop to debug complex race conditions and write non-blocking code.

Pause
Mute Enter Fullscreen
#1 about 7 min

Differences between JavaScript engines and runtimes

How engines implement the ECMAScript standard while runtimes provide additional APIs like timers and network requests.

#2 about 3 min

Why single-threaded JavaScript needs an event loop

Offloading execution to asynchronous tasks prevents slow, synchronous operations from blocking the single-threaded user interface.

#3 about 1 min

Understanding the role of the call stack

The call stack sequentially tracks and executes all currently running synchronous code.

#4 about 2 min

How the macro task queue handles callbacks

Runtimes utilize a first-in-first-out queue to store and execute completed callbacks from web APIs.

#5 about 2 min

Prioritizing promises with the microtask queue

Resolved promises and async operations enter a high-priority queue that precedes standard callback execution.

#6 about 3 min

Orchestrating asynchronous timers with runtime APIs

External runtime APIs process asynchronous operations before pushing callback results into the appropriate task queues.

#7 about 3 min

Event loop orchestration and execution priority

The loop continually checks the call stack before pulling prioritized tasks from the micro and macro queues.

#8 about 4 min

Visualizing JavaScript execution order with live code

Live coding demonstrates how synchronous code evaluates before asynchronous timer callbacks can enter the macro queue.

#9 about 2 min

Evaluating microtask priority over macro tasks

Immediately resolved promises bypass timer callbacks due to the strict priority given to the microtask queue.

#10 about 3 min

Handling long-running asynchronous HTTP network requests

Network requests delay entry into the task queue until completion, fundamentally altering the expected execution order.

#11 about 5 min

Starving the macro task queue with continuous microtasks

Recursively generating new microtasks blocks the event loop from ever reaching underlying macro task callbacks.

Matching moments

2:29 min

Visualizing the browser event loop execution architecture

Rob Richardson · JS Congress

1:26 min

Managing the single-threaded Node.js event loop

Rob Richardson · JS Congress

3:54 min

Asynchronous programming syntax and event loop execution

Fabian Schindler · LIVE

2:15 min

Processing synchronous function execution via the JavaScript call stack

Dani Coll Dani Coll · World Congress 2025

1:12 min

Overview of the JavaScript date and time ecosystem

Marco Sieben Marco Sieben · Europe 2026 Virtual

8:07 min

Modern JavaScript loop optimization and CSS innovations

Chris Heilmann +2 · LIVE

More from WeAreDevelopers LIVE

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
9 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
14 days ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
14 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail
48:06
21 days ago

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres thumbnail
7:41
22 days ago

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres

Chris Heilmann, Daniel Cranney

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
about 1 month ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Outdoor Stage

Loop Engineering: Designing and Observing the Loops That Run Your Agents With Opik

Abigail Morgan

AI Developer Advocate at Comet

Abigail Morgan
Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 7

Loop Engineering in the Wild: A Live Multi-Agent Coding Session

Vlad Luzin

CTO & Cofounder of BAND

Vlad Luzin
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 1

The Agentic Engineering Loop

Kevin Lin

Member of Technical Staff at OpenAI

Kevin Lin
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 7

Loop Engineering

Li Yin

CEO

Li Yin
Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Tech Leaders Stage

Running Operations Without Humans in the Loop

Edward Aryee, Ryan Ries, Yaron Schneider

Edward Aryee
Ryan Ries
Yaron Schneider

Related videos

JavaScript the Grumpy Parts thumbnail
46:08
JS Congress • almost 5 years ago

JavaScript the Grumpy Parts

Rob Richardson

Multithreading in Javascript: A guide to Web Workers thumbnail
23:14
World Congress 2025 • about 1 year ago

Multithreading in Javascript: A guide to Web Workers

Dani Coll

The Lord of the Memory: The Return of the Leak thumbnail
21:07
Europe 2026 Virtual • 2 months ago

The Lord of the Memory: The Return of the Leak

Alex Gorbunov

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
LIVE • about 1 month ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

The Lean Web thumbnail
46:46
JS Congress • almost 5 years ago

The Lean Web

Chris Ferdinandi

Extreme Rules Lawyering with the ECMAScript Specifications thumbnail
32:03
World Congress 2026 Europe • 2 months ago

Extreme Rules Lawyering with the ECMAScript Specifications

Peter Kröner

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.