Asynchronous Code with redux-thunk (halting dispatch)

asyncRedux.js

// When we want to request information from a server, we do this within dispatching an action by asynchronously fetching 
// data then dispatching to a reducer to alter app state.

// We achieve this with Redux middleware called 'redux-thunk'

// 'redux-thunk' allows you to call asynchronous tasks within action creators (dispatching actions). It halts the dispatch
// , performs the async request, then resumes the dispatch

// To use thunk it requires the 'applyMiddleware' method from 'redux'
// Thereafter it is applied to the store created as shown below:
const store = createStore(rootReducer, applyMiddleware(thunk));