JSFiddle - React, Tailwind, and code Playground

by codemeasandwich

JavaScript

function fetch(url){
	return Promise.resolve({ ok:true, body:"...", json:()=>({foo:"bar"}) })
}

const action_codemeasandwich = function (payload){
  var endpoints = ['//localhost:3000/api/users/507f191e810c19729de860ea',
     'https://api.mysite.com/users/settings/8B76YUTBI']

 return  Promise.all(endpoints.map(url => fetch(url).then(resp => resp.json())))
            .then(([userData,config])=>({userData,config}))

}


const action_UG = function (payload){
  var endpoints = ['//localhost:3000/api/users/507f191e810c19729de860ea',
         'https://api.mysite.com/users/settings/8B76YUTBI']
  var promise1 = fetch(endpoints[0])
  var promise2 = fetch(endpoints[1])
  return Promise.all([promise1, promise2]).then( (results) => new Promise((resolve) => {
            //data from each promise is passed here [promise1_data, promise2_data]
            resolve(results);
  }));
}

action_codemeasandwich().then( result => console.log("action_codemeasandwich",result))
action_UG().then( result => console.log("action_UG",result))