Using window.fetch() with some handful composable logic.
This library provides a set of handful fetch enhancement as well as gives you the idea to create a fetch method that:
- Fetch data from server, of course
- Enhanced but remained the familiarity of the Fetch API that documented and provided by the browsers, so that everyone can quickly understand and use it.
- The enhancement can be easily managed, opt in or out depend on the need of your project.
npm install higher-order-fetch
or
yarn add higher-order-fetch
Step 1: Compose your fetch:
// fetchHelper.js
import { defaultHeadersHOF } from "higher-order-fetch/lib/defaultHeaders";
import { onErrorRetryHOF } from "higher-order-fetch/lib/onErrorRetry";
import { myHOF } from "./myHOF";
import pipe from "higher-order-fetch/lib/utils/pipe";
const fetchHelper = {
fetch: pipe(
onErrorRetryHOF,
defaultHeadersHOF,
myHOF
)(window.fetch)
};
export default fetchHelper;Step 2: Use it
// somewhere-that-need-to-fetch-data.js
import fetchHelper from "./path/to/fetchHelper.js";
fetchHelper.fetch("http://my.url/data").then(/* ... */);Checkout the example for a recommended fetch setup and usage
https://rudyhuynh.github.io/higher-order-fetch/identifiers.html
MIT