Redux Store : src/store/index.js

index.js

import { combineReducers, createStore, applyMiddleware } from "redux";
import { heroReducer } from "./hero/hero-reducer";
import { villainReducer } from "./villain/villain-reducer";

import thunk from "redux-thunk"; // 3rd-party side-effects library.
import { composeWithDevTools } from "redux-devtools-extension"; // Redux devtools for time travel debugging.

/*
  Merge all your reducers here. Name it rootReducer.
*/
const rootReducer = combineReducers({
  heroState: heroReducer,
  villainState: villainReducer
});

/*
  This is the store. In Redux, there's only one store. Also known as single source of thruth.
*/
export const store = createStore(
  rootReducer, // Put your rootReducer here
  composeWithDevTools(applyMiddleware(thunk)) // Making thunk as middleware
);