Event loop visualiser for lerners

Hey dev.to!

My name is Albert, I am a software engineer.
Sometimes 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 the frontend.

This topic was explained in several conferences and even there were some interactive playgrounds (Andrew Dillon’s simulator mostly inspired me).

However, my idea was to add more dynamics and cover all important sections:

• web api;
• request animation frame;
• macro tasks;
• micro tasks;
• callstack;

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 could find it useful! Have fun!

https://vault-developer.github.io/event-loop-explorer/

P.S. Given that it's just a simulation of browser behavior, it has some limitations. Feel free to check details in readme on github!

Project is published under MIT license, any contribution is warmly welcome.

The above is the detailed content of Event loop visualiser for lerners. For more information, please follow other related articles on the PHP Chinese website!