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