Making multiple API calls simultaneously in React - best practices?

Frontend
1

I’m building a web application and need some advice on handling multiple API endpoints. My backend has two separate endpoints - one returns user information and another provides processed data calculations.

When my React app loads, I want to display both the user list and the calculated data at the same time. I’m pretty new to React and most tutorials I’ve seen only show examples with single API calls.

Is it okay to make two separate requests to both endpoints when the component mounts? Or should I combine this data somehow on the backend first? What’s considered the right approach for this situation?

2

interesting question! quick clarification though - are these api calls linked? does the calculation need user data to run first? also, what’s your plan for errors? if one call works but the other bombs, how does that look to users?

3

totally with u! Promise.all() is the best for handling multiple API calls, it keeps the flow smooth. also, don’t forget those loading states, very important for user experience. merging on the backend can complicate things, so simpler is better!