redux-middleware-injector

Middleware injector for Redux

Downloads
10
Stars
6
Committers
1

Redux Middleware Injector

The recomended place to execute actions with side-effects in Redux is in the Middlewares. With this lib you can write your own middleware wherever you want, for example in the action creators file. You don't need to import all the middlewares with applyMiddleware before create the store.

Just import the injector:

import injectMiddleware from "redux-middleware-injector"

const store = createStore(rootReducer, applyMiddleware(injectMiddleware))

And then you can write your own middlewares like the example below:

export const getUser = username => store => {
  const {dispatch} = store

  return next => action => {
    dispatch({type: 'modules/Github/FETCHING'})

    return axios.get(`https://api.github.com/users/${username}`).then(res => {
      dispatch({
        type: 'modules/Github/SUCCESS',
        payload: {
          data: res.data
        }
      })
    })
  }
}

See Redux documentation about Middlewares

Package Rankings
Top 28.06% on Npmjs.org
Badges
Extracted from project README
npm version npm downloads Standard - JavaScript Style Guide