2. $ whoami
Michael Di Prisco / Cadienvan
💼 Senior Developer @ Jointly.
🍼 Junior Father @ Home.
🚀 LogRocket CAB Member.
💾 Waster of npm storage space.
📦 Creator of useless repositories.
🔪 Serial Pull Requester.

3. I Promise
you’ll learn
something
…
Or at least I
async/await you will.

4. Table of contents
What are we going to talk about today?
1. What is the Event Loop
Let’s briefly talk about the Event Loop in JavaScript.
2. What is the Microtask Queue
Let’s go deep dive into the Microtask Queue.
3. Live Demo
Wanna see some code? Let’s go!

5. A couple promises premises.
One step back before starting our journey.

6. Is JavaScript single-threaded?

7. What is a JavaScript Runtime?

8. What is the Event Loop?

9. Credits: Lydia Hallie

10. So, what is the Event Loop?
And what are the main parts composing it.
The Event Loop is rather a concept than an actual thing.
Implementations in different runtimes can vary, yet the main parts are usually
consistent.
Memory Heap - An unstructured region of memory.
Call Stack - A structure containing an ordered list of stuff to be executed.
Queue - A structure which contains operations to be executed later.

11. Main concepts of the Event Loop.
Three things worth mentioning.
A. Run-to-completion operations
B. Leveraging queues to free up the thread.
C. The timeout isn’t granted.
This results in the possibility of having a Non-Blocking I/O even when
leveraging a single thread.

12. Wanna block the Main Thread?

15. What is the Microtask Queue?

16. What are we building today?
Four steps to victory.
1. Project Scaffolding
Simple HTML Page
2. Basic Signal Implementation
Leveraging
JS Classes
3. Barebone Benchmark
Tracking time needed for
100.000 updates
4. This is a secret.
Just kidding.
The whole talk is about what we will do here.

17. Wanna see some code?

18. That was really unexpected

19. So, why don’t we always use the
Microtask Queue?

21. The Event Loop
Is the only infinite loop you
will ever want in your app.

22. Have some questions?

24. Thank you.