teaser-extended.js

// time is the simulated fetch response time in milliseconds
const fakeFetch = (result, time) => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(result);
    }, time);
  });
};

const getRandom = (min, max) => {
  return Math.floor(Math.random() * (max - min + 1)) + min;
};

await (async () => {
  const user = await fakeFetch(
    { id: 69, name: "Tnecniv" },
    getRandom(100, 500)
  );

  const [comments, books, cats, dogs] = await Promise.all([
    fakeFetch(`${user.id}-comments`, getRandom(500, 1000)),
    fakeFetch(`${user.id}-books`, getRandom(500, 1000)),
    fakeFetch(`${user.id}-cats`, getRandom(500, 1000)),
    fakeFetch(`${user.id}-dogs`, getRandom(500, 1000)),
  ]);
  console.log(books, comments, cats, dogs);
})();