The latest articles on DEV Community by Vault Developer (@vaultdeveloper). https://dev.to/vaultdeveloper https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1085541%2F2eb4a22c-c98d-409b-bc42-859cfff6d7e9.jpeg https://dev.to/vaultdeveloper en Vault Developer Sun, 27 Oct 2024 08:23:25 +0000 https://dev.to/vaultdeveloper/event-loop-visualiser-for-lerners-ee8 https://dev.to/vaultdeveloper/event-loop-visualiser-for-lerners-ee8 <p>Hey dev.to!</p> <p>My name is Albert, I am a software engineer. <br> Sometimes I help junior developers on their professional growth journey.</p> <p>While the event loop concept might be challenging for learners and beginners, it’s one of the fundamentals in the frontend.</p> <p>This topic was explained in several conferences and even there were some interactive playgrounds (Andrew Dillon’s simulator mostly inspired me).</p> <p>However, my idea was to add more dynamics and cover all important sections: </p> <ul> <li>web api;</li> <li>request animation frame;</li> <li>macro tasks;</li> <li>micro tasks;</li> <li>callstack;</li> </ul> <p>I decided to have fun and created a small pet project.</p> <p>It aims to visualize event loop steps in a browser environment.<br> You can change the code in the editor or select one of the existing examples.<br> I hope you could find it useful! Have fun!</p> <p><a href="https://vault-developer.github.io/event-loop-explorer/" rel="noopener noreferrer">https://vault-developer.github.io/event-loop-explorer/</a></p> <p>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!</p> <p>Project is published under MIT license, any contribution is warmly welcome.</p> javascript frontend webdev opensource