Learning Redux

Using the DevTools.instrument() store enhancer

In the Redux world, you can extend the functionality of the store via store enhancers. A store enhancer is a function that gets passed as the last argument to createStore. Let's take a look at the function signature:

createStore(reducer, [initialState], [enhancer])

The createStore function takes the following arguments:

• reducer: Required; the first argument is the root reducer
• initialState: Optional; the second argument is the initial state to use for the Redux store
• enhancer: Optional; the third argument is the store enhancer

We will pass the DevTools.instrument() store enhancer as the third argument.

Let's load the store enhancer when creating our Redux store:

1. Edit src/index.js and import ...