📑 microtasks

Microtasks come solely from our code. They are usually created by promises: an execution of .then/catch/finally handler becomes a microtask. Microtasks are used “under the cover” of await as well, as it’s another form of promise handling.

📑 macrotasks

• macrotask queue
• macrotask =? time slot

📑 event loop

1. Dequeue and run the oldest task from the macrotask queue (e.g. “script”).
2. Execute all microtasks: While the microtask queue is not empty: Dequeue and run the oldest microtask.
3. Render changes if any.
4. If the macrotask queue is empty, wait till a macrotask appears.
5. Go to step 1.