Last active
May 23, 2018 16:39
-
-
Save brandonsueur/eee56e57f65a280f70e33835a0e7095c to your computer and use it in GitHub Desktop.
🎢 Small function request() with `whatwg-fetch`
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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