React Middleware

react-redux-middleware.js

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware } from 'redux'
import Counter from './components/Counter'
import counter from './reducers'

const customMiddleWare = store => next => action => {
  console.log("Middleware triggered:", action);
  next(action);
}

const store = createStore(counter, 
                          applyMiddleware(customMiddleWare)
                         );
const rootEl = document.getElementById('root')

const render = () => ReactDOM.render(
  <Counter
    value={store.getState()}
    onIncrement={() => store.dispatch({ type: 'INCREMENT' })}
    onDecrement={() => store.dispatch({ type: 'DECREMENT' })}
  />,
  rootEl
)

render()