Promise.all vs Promise.allSettled: when should I use which?

Question

I'm loading a dashboard from 4 APIs. If one fails the whole page breaks with `Promise.all`. Is `allSettled` the right fix?

Arjun Mehta · Accepted Answer

Yes, for independent widgets.

- `Promise.all` rejects as soon as **one** promise rejects. Use it when you need every result to continue.
- `Promise.allSettled` waits for all and gives you `{status, value | reason}` for each. Use it when parts of the page can fail on their own.

```js
const results = await Promise.allSettled(calls);
results.forEach((r, i) => r.status === 'fulfilled' ? render(i, r.value) : showError(i));
```

Tanvi Rao · Answer

This helped me too, thanks for the example!

Promise.all vs Promise.allSettled: when should I use which?

2 Answers

Log in to view all 2 Answers