Explore the intricacies of the browser's event loop in this illuminating 35-minute conference talk presented by Jake Archibald at JSConf.Asia 2018. Delve into the orchestration of the browser's main thread, including JavaScript, events, and rendering. Gain insights into common bugs related to execution order and style changes, and learn why setTimeout hacks are unreliable. Discover the distinctions between tasks, microtasks, requestAnimationFrame, and requestIdleCallback, as well as event handling. As a Google Chrome developer advocate and service worker spec editor, Archibald offers valuable expertise on offline-first approaches, push messaging, and web performance optimization. By the end of this talk, acquire the knowledge to resolve timing-related issues without resorting to setTimeout workarounds.
Overview
Syllabus
Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...
Taught by
JSConf