React Redux Setup With DevTools

example.component.jsx

import React from "react";

import { connect } from "react-redux";

// Import your actions from your  action's index.js file
// import { action1, action2 } from '../actions'

const ExampleComponent = ({ stateKey1, stateKey2, action1, action2 }) => {
  // alternatively, ExampleComponent = (props) => ....
  // const {stateKey1, stateKey2, action1, action2} = props;
  return <div>Example</div>;
};

const mapStateToProps = ({ stateKey1, stateKey2 }) => ({
  stateKey1,
  stateKey2
});

export default connect(mapStateToProps, {
  // action1,
  // action2
})(ExampleComponent);

react_index.js

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./components/App";
import { Provider } from "react-redux";
import store from "./store";
ReactDOM.render(
	<Provider store={store}>
		<App />
	</Provider>,
	document.getElementById("root")
);

reducers_index.js

import { combineReducers } from "redux";
/*
* Create reducers inside your reducers directory
* Example: import alerts from "./alerts";
*/
export default combineReducers({
  // alerts,
  deleteMe: () => "Delete Me"
});

store.js

import rootReducer from "./reducers";
import thunk from "redux-thunk";
import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";

const middleware = [thunk];

export default createStore(
	rootReducer,
	composeWithDevTools(applyMiddleware(...middleware))
);