multiple calls with client side caching

multiple calls from a loop with caching

import CacheClientPromise from 'cache-client-promise'

const myCache = new CacheClientPromise();

[{
  id: 1234,
  title: 'test',
  view: 'two-column'
},
{
  id: 1234,
  title: 'test',
  view: 'image-only'
}]
.forEach((article) => {
  myCache.get(`article-${article.id}`, function () {
    return fetch(`/api/articles/${article.id}`, {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json'
      },
      credentials: 'same-origin'
    })
      .then(response => response.json())
})
  .then((articleDeets) => {
    article.details = articleDeets
  })
  .catch((reason) => {
    //something happened most likely in your requesting function
  })
})