What the heck is the event loop anyway? | Philip Roberts | JSConf EU | JSConf

Philip Roberts delivers a presentation about the JavaScript event loop, aiming to clarify its function for both novice and experienced JavaScript developers. He explains the single-threaded nature of JavaScript, the role of the call stack, and the concept of blocking. Roberts elucidates how asynchronous callbacks and web APIs contribute to concurrency in JavaScript, detailing the interaction between the JavaScript runtime, web APIs, the event loop, and the callback queue. He uses live coding examples via his tool "loop" to demonstrate these concepts, including the impact of blocking code on browser rendering and the use of setTimeout.

Outlines

Sign in to continue reading, translating and more.

Continue

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

JSConf

Introduction to the Event Loop in JavaScript

Single-Threaded Execution and Blocking Behavior

Asynchronous Callbacks and the Event Loop

Web APIs and Event Loop in Action

Scroll Handlers, Event Debouncing, and Tool Explanation

What the heck is the event loop anyway? | Philip Roberts | JSConf EU

JSConf

00:17Introduction to the Event Loop in JavaScript

Introduction to the Event Loop in JavaScript

04:03Single-Threaded Execution and Blocking Behavior

Single-Threaded Execution and Blocking Behavior

10:23Asynchronous Callbacks and the Event Loop

Asynchronous Callbacks and the Event Loop

16:15Web APIs and Event Loop in Action

Web APIs and Event Loop in Action

24:43Scroll Handlers, Event Debouncing, and Tool Explanation

Scroll Handlers, Event Debouncing, and Tool Explanation