Redux-5

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './css/index.css';
import App from './pages/App';
import {BrowserRouter as Router } from 'react-router-dom'
import { createStore } from 'redux'

function reducer(state, action){
  if(action.type == 'CHANGE_STATE'){
    return action.payload
  }
  else{ 
    return 'My State'
  }
   
}

const store = createStore(reducer)

const action = {
  type: 'CHANGE_STATE',
  payload: 'My New State'
}

console.log(store.getState()) // Before Dispatch

store.dispatch(action)

console.log(store.getState()) // After Dispatch

ReactDOM.render(<Router> <App/> </Router> , document.getElementById('root'));