async/await with fetch and map

async-await-fetch-map.js

// Use hacker news API as example
async function getData() {
  const ids = await (await fetch('https://hacker-news.firebaseio.com/v0/topstories.json')).json()
  const data = Promise.all(
    ids.map(async (i) => await (await fetch(`https://hacker-news.firebaseio.com/v0/item/${i}.json?print=pretty`)).json())
  )
  return data
}

getData()
.then(data => {
  console.log(data)
})

// Async/await is just a different way of writing promises.
// Even though it looks like synchronous code, don't think it that way.
// It ain't what you don't know that gets you into trouble. It's what you know for sure that just ain't so.
// It ain't asynchrony that gets you into trouble. It's what you think is synchronous that just ain't so.