redux-composable-fetch

A fetch middleware with extensible and opt-in functionalities like cache or log for Redux

Usage no npm install needed!

<script type="module">
  import reduxComposableFetch from 'https://cdn.skypack.dev/redux-composable-fetch';
</script>

README

redux-composable-fetch Build Status npm version Coverage Status

👏👏👏The missing fetch middleware for enterprise Redux apps, with multiple injection point for implementing cache, log, response unification or any request related functionalities.👏👏👏

WORK IN PROGRESS, USE AT YOUR OWN RISK

How it works

redux composable fetch

Usage

$ npm install -S redux-composable-fetch

redux-composable-fetch provides a factory method createFetchMiddleware and a utility function applyFetchMiddleware, here's how you will use them:

import { applyMiddleware, createStore, compose } from 'redux';
import createFetchMiddleware, { applyFetchMiddleware } from 'redux-composable-fetch';

// import all your middlewares for `fetch`, you will see what is a `middleware for fetch` in the following content
import cacheMiddleware from './cacheMiddleware';
import logMiddleware from './logMiddleware';

// build our final fetch middleware first
const finalFetchMiddleware = applyFetchMiddleware(
  cacheMiddleware,
  logMiddleware,
);

// then it's all redux thingy
const finalCreateStore = compose(
  applyMiddleware(finalFetchMiddleware)
)(createStore);