Learning Redux

Handling the counter-related actions

Now, we need to handle all counter-related actions:

1. Let's start with the increment action:

  switch (action.type) {    case INCREMENT:

2. We return a new state object based on the current state object:

      return {        ...state,

3. Then, we replace the current history array with our new state inserted at the end:

         history: [ ...history, count + 1 ],

4. We also need to set the currentState index to the last element in the array:

        currentState: history.length      }

5. Similarly, we handle the decrement action:

    case DECREMENT:      return {        ...state,        history: [ ...history, count - 1 ],        currentState: history.length      }

6. Then, we handle the reset action, where we add a new 0 state to the history and jump to it:

    case RESET: return ...