I am basically trying to create a react webapp with lot of pages. And the data for each page is loaded through different API calls. And most response have information dependent on each other. I decided to use redux to store these response and access from each components. 

This is what my reducer file look like,

```
var initialState = {
      "userDetails": [],
      "userPicks": []
    };

module.exports = function(state, action, data) {
  state = state || initialState;
  switch (action.type) {
    case 'ADD_USER_LIST':
      return Object.assign({}, state, {
        "userDetails": action.data
      })

    case 'ADD_USER_PICK_LIST':
      return Object.assign({}, state, {
        "userPicks": action.data
      })

    case 'UPDATE_SELECTION':
      return Object.assign({}, state, {
        return "do something"
      });

    default:
      return state
  }
}

```

So I use 

`var redux = require('redux');
var reducers = require('./reducers');
var store = redux.createStore(reducers);`

on top of each component that uses information from store.

```
store.getState()

```

but this process always resets my reducer state to initial one and the app loses all data. Can anyone point out where I am wrong and what I should be looking in to?