Jake Archibald on the web browser event loop, setTimeout, micro tasks, requestAnimationFrame, ...

"In The Loop" presented by Jake Archibald at JSConf.Asia 2018

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked?
This talk looks at the browser's event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We'll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events land.
Hopefully you'll never have to use setTimeout hacks again!"

Jake is developer advocate for Google Chrome. He's one of the editors of the service worker spec, so he's into offline-first, push messaging and web performance.

JSConf.Asia - Capitol Theatre, Singapore - 27 January 2018

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

[TheTKitsune]

When you want to be a stand up comedian and life makes you a JS expert

[ronniesunshine]

Tough crowd, this is probably one of the best programming talks I've ever listened to

[buddhaburrito]

Jake is a truly genius presenter, sliding in jokes in between heavy subjects (like microtasks) so that audience can take mental rests

[JaLikon]

Why on earth did people not stand up and cheer after this! This is EASILY the best talk I've ever seen on the JS event loop and related topics. Seriously, it takes other resources like 20x the time to explain this, and this is arguably more thorough then a lot of other resources. Just hats off man, WOW is this good.

[SamiullahKhan]

He really hit the core of the event loop. Something that is so important to get hold of tasks, micro tasks.

[Nyromancer]

Humour is his hobby I guess. At least I find him funny, tough crowd...

[atticoos]

Hot damn, Jake.. this is one of the best talks I've seen. Well done.

[benoitleger-derville]

Best show and explanation ever about the the V8 event-loop / main thread / tasks / microtasks

[vishnusingh]

7:08 Task Queues
8:55 render steps
12:15 hence the timeOut loop is not 'render blocking'.
12:29 but if you want to run code that has anything to do with rendering, a task is the wrong place to do it, coz it's on the 'opposite' side of the world from rendering, as far as the event loop is concerned.
24:00 MicroTasks (RAF - RequestAnimationFrame finishes here )

[dakedres]

I love how it feels like he's going on completely unrelated tangents but it always seemlessly transitions back into the main idea

[prendre-la-responsabilité]

This is the best event loop talk on YT.
Well balanced mental load / mental rest.
Thank you, Jake!

[denis.klyuev]

I was today years old when I found out how event loop actually works. Thanks a lot, Jake! Wish you many years of health!

[maximofernandez]

"You don't want to write a code that is like a sneeze". Yeah, this is probably one of the best talks I've ever seen, actually pedagogical if we think about it

[api-first]

Jake is an amazing asset for the JS community!

[mattscheurich]

Super great explainer, whoever did the design for the animations deserves a massive shout-out. Well thought out and great visual metaphors too.

[LichardD]

Came here to learn about event loops.

I now fear those who drink fizzy water.

[hgeogr]

This is one of the best education about event loop in JS. It really explains very well and helps to avoid mistakes.

[bg_x]

This talk is soooo informative. A single effective visual plus narrative beats a thousand words.
Could someone enlighten me of the tool or the way for the speaker to make the slides (or something else) ?

[SQUAADS]

This talk has to be displayed in the best Cinemas :) amazing talk 3 years later and im totally sure that will be a good talk to watch again in 2035

[ashishshubham]

I wish I learnt all my CS courses from you Jake.