Learning Redux

Wrapping the counter reducer with undoable

All that's left to do is wrapping the counter reducer with our undoable higher-order reducer:

1. Edit src/reducers/index.js and import the undoable higher-order reducer:

import undoable from '../undoable'

2. Then, wrap the counterReducer with undoable():

const appReducer = combineReducers({  counter: undoable(counterReducer),})

3. Now, we need to adjust the selector in mapStateToProps to access the state using state.counter.present. Edit src/containers/ConnectedCounter.jsx and modify the mapStateToProps function:

const mapStateToProps = (state, props) => {  const { counter } = state  return { count: counter && counter.present }}

Start the application using npm start and open http://localhost:8080 in your ...