Learning Redux

Using multiple store enhancers

We are now going to learn how to compose store enhancers to be able to use multiple at once:

1. We first need to import the persistState function from the redux-devtools package. Add the import statement at the top of the src/index.js file:

import { persistState } from 'redux-devtools'

2. Then, we pass the store enhancer to createStore. The signature of this function is as follows:

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

So, we need to pass persistState as the third argument. However, there is a problem—we have already passed the DevTools.instrument() store enhancer to it. Similar to the reducer argument, the store enhancer argument only accepts a single function.

Thankfully, in functional programming, ...