Learning Redux

Do not re-dispatch on refresh

We still manually dispatch some actions in src/index.js to produce an initial state. When using persistState(), we need to make sure that we do not dispatch these actions again, as the state has already been initialised. Now we are going to ensure that we do not re-dispatch actions on refresh:

1. Edit src/index.js, find the line where the store gets created, and add the following code:

const initialState = store.getState()

2. Now, find the code where we dispatch the createUser actions and check whether we already have user objects in the store before creating them:

if (!initialState.users || initialState.users.length === 0) {  // create users  store.dispatch(createUser('dan', 'Daniel Bugl')) store.dispatch(createUser('des', ...