How to set up redux-saga in a React application

Question

Can you explain with the help of code How to set up redux-saga in a React application?

Answer 1

To use middleware for logging actions and state changes in Redux:

Custom Logger Middleware:

const logger = store => next => action => {

  console.log('Dispatching:', action);

  const result = next(action);

  console.log('Next State:', store.getState());

  return result;

};

Apply Middleware:

import { createStore, applyMiddleware } from 'redux';

const store = createStore(rootReducer, applyMiddleware(logger));