Learning Redux

Implementing the reducer

We start by creating a new reducer:

1. Create a src/reducers/loading.js file and define the reducer function:

export default function loadingReducer (state = {}, action) {

2. We will make use of the fact that our action types for requests are standardized. For every action that ends with _REQUEST, we will increase the counter accordingly:

  if (action.type.endsWith('_REQUEST')) {

3. Next, we get the request name by removing the _REQUEST suffix from the action type:

    const requestName = action.type.replace('_REQUEST', '')

4. Then, we increase the counter and return the new state:

    const counter = state[requestName] || 0    return { ...state, [requestName]: counter + 1 }  }

5. Next, we handle the _SUCCESS and _FAILURE action types, ...