DEV Community

loading...

Handling multiple Fetch Calls using Promise.all and Promise.allSettled methods

The Nerdy Dev
Building products is my profession, Creating content is my passion. We believe that Education should be freely accessible to everyone and no one should be deprived of it.
・2 min read

Hey everyone πŸ‘‹πŸ»,

In the previous article, we discussed about some of the very important methods that we have in the Promise API- Promise.all,Promise.allSettled, Promise.race. In this article, let me show you how we can handle multiple fetch calls using Promise.all and Promise.allSettled

If you don't know about them, first check my previous article before continuing reading this article.

Using Promise.all

Here is the local JSON file that we will be working with mobiles.json

Alt Text

So let us see the first implementation using Promise.all for handling multiple fetch calls. [Detailed explanation for this can be found in the video given at the end of the article]

Alt Text

Using Promise.allSettled

Alt Text

If you want to understand the above two ways of handling fetch calls in great detail, please check the below video where I have explained them step by step :

PS If you are looking to learn Web Development, I have curated a FREE course for you on my YouTube Channel, check the below article :

If you have spare 2 hours, then utilize them by creating these 10 JavaScript Projects in under 2 Hours

πŸ‘‰πŸ» Follow me on Twitter : https://twitter.com/The_Nerdy_Dev
πŸ‘‰πŸ» Check out my YouTube Channel : https://youtube.com/thenerdydev

Discussion (0)