Redux-action-listener-hook NPM

Welcome to redux-action-listener-hook 👋

Redux middleware hook which allows listening action and handling of dispatched actions

Usage

// 1. Register middleware
import { createMiddleware } from 'redux-action-listener-hook';

export const store = createStore(
  reduce,
  {},
  applyMiddleware(createMiddleware(), thunk)
);

// 2. use hook
import { useActionListener } from 'redux-action-listener-hook';

const onClickPlus = () => {
  // When button is clicked an action 'ADD' is dispatched.
  dispatch({ type: 'ADD' });
};

useActionListener('ADD', (dispatch, action) => {
  // Now you can listen 'ADD'
  // {"type":"ADD","payload":1}
  console.log(`${JSON.stringify(action)}`);
});

return <button onClick={onClickPlus}>add</button>;