This guide covers some of the inner workings of Promises, exploring how they leverage concepts like the Microtask Queue and Event Loop to enable non-blocking async code. Follow along with easy-to-understand examples and visualizations.

Kazim Kayhan

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

This post explores the inner workings of promises in JavaScript, including the creation of promises using the `new Promise` constructor, the purpose of the Promise Reaction record, and how promises can be used to handle asynchronous tasks in a non-blocking way.

JavaScript Visualized

The blog website has some scrolling issues! :(

This is a really good post that really explains the topic very well… but there is actually a problem with an asynchronous javascript in the header of the page. This script runs in the background for quite a long time and ends up running into an uncaught promise error. In addition, the site uses a million DIVs, some of which are also animated. And of course that costs a lot of CPU performance.
Why use a GIF when a few hundred DIVs can do the same job 😅
But in the end it’s still a really, really good article.

my cpu went up to 100% as I’m scrolling the page lol

Does anyone know how to create such video visualizations? 😀

I’m sorry but my cpu goes high when scrolling the sites -_-