reducer-logging.js

import { ordersReducer } from './oreders-reducer'
import { fetchOrders, addOrder, updateOrder, fetchProfile } from './actions'
import { getState, dispatch } from './store'

dispatch({ TYPE: '@@INIT' })

console.log(getState())
// the initial state is { data: [], loading: false }

// when we dispatch the "fetchOrders" action, an api call to fetch orders is made
// the state becomes { data: [], loading: true }
await dispatch(fetchOrders())

// then, when the fetching ends
console.log(getState())
// the state becomes { data: ['order1', 'order2'], loading: false }

// later, when we logout:
await dispatch(logout())

console.log(getState())

// { data: undefined, loading: false }