Hey everyone!
As a senior software engineer, I help junior developers on their professional growth journey.
While the event loop concept might be challenging for learners and beginners, it's one of the fundamentals in frontend development.
This topic has been explained in several conferences, and even some interactive playgrounds have been created.
(Andrew Dillon's simulator is the one I was inspired by).
However, my idea was to add more dynamics and cover all important sections: - Call stack - Request Animation Frame - Micro tasks - Macro tasks - Web API
I decided to have fun and created a small pet project. It aims to visualize event loop steps in a browser environment. You can change the code in the editor or select one of the existing examples. I hope you find it useful! Have fun! https://vault-developer.github.io/event-loop-explorer/
P.S. Given that it's a simulation of real environment behavior, it has some limitations. Feel free to check details in the GitHub README; the project is open-sourced under MIT license.