Basics of Redux

Redux is quite simple, so don't be afraid by just looking at the fancy terms such as Reducers, Actions, and such. We will go through the basic building blocks of Redux application, and you will also feel the same.

Actions

As we saw at the beginning of the chapter, an action is nothing but a plain JavaScript object that describes what has happened. To change the state is to emit an action that describes what has happened. Also, for store, actions are only the source of truth or information.

Here's an example action creator.

Each action type should be defined as a constant:

const fetchSeats = rows => ({
    type: GET_SEATS,
    rows
})

The type of an action describes the kind of the action that has occurred. If your application is large enough, you may separate out the action types as string constants to a separate module/file and use it in actions.

Now, you might be having a question—what should be the structure of my action ? We have here type and then have directly added rows...