Learning Redux

The main structure of a reducer

In the Redux world, it is best practice to use switch statements to handle multiple action types. Feel free to use if/else statements instead, especially when a reducer handles only a single action type:

1. In our case, we are handling multiple actions related to posts, so we switch on the action.type:

  switch (action.type) {

2. We will create a new scope by surrounding our case statement with { and } brackets. Creating a new scope ensures that constants with the same name declared in different action blocks do not conflict:

    case CREATE_POST: {      return ...    }        case EDIT_POST: {      return ...    }

Note how we don't use a string ('CREATE_POST'), but the action type/constant (CREATE_POST).

3. Defining the default branch ...