The basic Redux Setup

redux-help.js

//on the index.js - import required libraries.. 

import { Provider } from 'react-redux';
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';

import reducers from './reducers/index'; //all reducers combined here.. 
const store = createStore(reducers, compose(applyMiddleware(thunk)));

// also you refactor the initaal ReactDom.render script to this... 

ReactDOM.render( //
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);


//then in the reducers/index.js file.. 

import { combineReducers } from 'redux';
import posts from './posts';
import loader from './loader';

export default combineReducers({ posts, loader });  


//with this you are able to use 

const state = useSelector(state => state); //get the global redux state.. 
cosnt dispatch = useDispatch();  //get the global dispatch function. 


//and also if incase you want to use the store outside redux.. 
//lets say you want to dispatch an event outside the default scope... 

// in index.js - export the store function... 
export const store = createStore(reducers, compose(applyMiddleware(thunk)));

//then import it into whatever external file you intend to use it.. 
import { store } from '../index.js'; // where index.js is the defualt react file.. 

//then dispatch events from there... 
store.dispatch({type:'LOADING_COMPLETE', payload:req.data})

//and boom you are good to go..