Mosh Redux part 7 (Consuming APIs) | Chinese Rule of Eight

In the Ultimate Redux Source code, go into bugs-backend project.
Install by typing npm i
then npm start

Now a node server should be running at localhost:9001

reducer should not make any outside manipulations, like DOM or calling APIS. It get current state, an d return new state. It should be pure.

Hence in our actionCreator, we can encapsulate code with side effects.

const actionCreator = () => {

return (dispatch) => {

}

const actionCreator = () => dispatch => {

// call api

// resolve: dispatch(success)

// rejected: dispatch(error)

}

However, whenever we get data, we always call this actionCreator. It can get repetitive.

// action objects

const action = {

type: 'apiCallBegan' // apiRequest,

payload: {

url: '/bugs',

method: 'get',

data: {},

onSuccess: 'bugsReceived',

onError: 'bugsRequestFailed

}

const api = store => next => action => {

if (action.type !== 'apiCAllBegan') {

next(action);

return;

}

};

export default api;