Fetching & Displaying Data

What strategy should be used for handling dependent API calls?

async function fetchUserDetails(userId) {
  try {
    const [user, posts, followers] = await Promise.all([
      fetch(`/api/users/${userId}`).then(r => r.json()),
      fetch(`/api/users/${userId}/posts`).then(r => r.json()),
      fetch(`/api/users/${userId}/followers`).then(r => r.json())
    ]);
    
    return { user, posts, followers };
  } catch (error) {
    handleError(error);
    return null;
  }
}

Make all calls sequentially
Use nested callbacks
Combine dependent calls efficiently
Handling dependent API calls requires: 1) Identifying truly dependent calls vs those that can be parallel, 2) Using Promise.all for parallel requests, 3) Implementing proper error handling for each stage, 4) Maintaining clean and maintainable code structure. Additional best practices include: - Caching intermediate results when appropriate - Implementing proper loading states for each stage - Handling partial data availability - Optimizing request order based on dependencies
Ignore dependencies

Next Question (15/20)