JSFiddle - React, Tailwind, and code Playground

JavaScript

var requestJSON = function (req){
	return Promise.resolve(req);
};

var transformJSONs = function (jsons){
	console.log('transformJSONs',jsons);
	var transformed = jsons.join();
	return Promise.resolve(transformed);
};

var uploadJSON = function (json){
	console.log('uploadJSON',json);
	return new Promise(function (resolve){
		setTimeout(resolve.bind(this,json), 1000)
	});
};

var displayRecords = function (json){
	console.log('displayRecords', json);
	return Promise.resolve()
};

var handleError = function (error){
	console.error("caught error",error);
};

var domReady = new Promise($);

domReady.then(function (){
    return Promise.all([
	    requestJSON( "foo.json" ),
	    requestJSON( "bar.json" )
    ]);
}).then(transformJSONs)
	.then(uploadJSON)
	.then(displayRecords)
	.catch(handleError);