higher-order-fetch
v0.0.11
Published
Using fetch with composable logic
Downloads
4
Readme
HIGHER-ORDER FETCH
Using window.fetch()
with some handful composable logic.
Why you need this
See my article here.
tldr;
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.
Installation
npm install higher-order-fetch
or
yarn add higher-order-fetch
How to use
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(/* ... */);
Example
Checkout the example for a recommended fetch setup and usage
API
https://rudyhuynh.github.io/higher-order-fetch/identifiers.html
LISCENE
MIT