redux-simple-request v0.1.4

Redux Simple Request

Middleware for Redux to manage requests.

Works in the server as in the browser.

Install

npm install redux-simple-request

Add to Redux Store

// ...
import createApiMiddleware from 'redux-simple-request';

// ...

const apiMiddleware = createApiMiddleware();

export default createStore(
  reducer,
  applyMiddleware(apiMiddleware)
);

• Import the creator: import createApiMiddleware from 'redux-simple-request';.
• Create middleware: const apiMiddleware = createApiMiddleware();. Options can be passed. Check Advanced.
• Add to Store: applyMiddleware(apiMiddleware).

Usage

The most simple usage with Action Creators.

import { API } from 'redux-simple-request';

const addUsers = (users) => ({
  type: 'addUsers',
  data: users,
});

const fetchUsers = () => ({
  type: API,
  url: 'www.my-url.com/users',
  onSuccess: (users, dispatch) => {
    return dispatch(addUsers(users));
  }
});

This example will make a request to www.my-url.com/users.

Then it will dispatch the addUsers action with the response data.

Action Properties

Plus all the additional properties that can be used with Request

Advanced

createApiMiddleware() expects an options object.

Use cases

• Add the base url to action.url.
• Add specific headers or query params to url when user is logged in.