Skip to content

Instantly share code, notes, and snippets.

@brandonsueur
Last active May 23, 2018 16:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brandonsueur/eee56e57f65a280f70e33835a0e7095c to your computer and use it in GitHub Desktop.
Save brandonsueur/eee56e57f65a280f70e33835a0e7095c to your computer and use it in GitHub Desktop.
🎢 Small function request() with `whatwg-fetch`
import 'whatwg-fetch';
/**
* Parses the JSON returned by a network request
*
* @param {object} response A response from a network request
*
* @return {object} The parsed JSON from the request
*/
function parseJSON(response) {
return response.json();
}
/**
* Checks if a network request came back fine, and throws an error if not
*
* @param {object} response A response from a network request
*
* @return {object|undefined} Returns either the response, or throws an error
*/
function checkStatus(response) {
if (response.status >= 200 && response.status < 300) {
return response;
}else{
const error = new Error(response.statusText);
error.response = response;
throw error;
}
}
/**
* Requests a URL, returning a promise
*
* @param {string} url The URL we want to request
* @param {object} [options] The options we want to pass to "fetch"
*
* @return {object} The response data
*/
export default function request(url, options) {
return fetch(url, options)
.then(checkStatus)
.then(parseJSON)
.then(response => ({ response }))
.catch(error => ({ error }));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment