React router rerenders whole app and resets redux state tree?
<p>I've have tried to setup React, redux, react-redux, react-router and react-redux-router, but everytime I do a transition from a route to another, the whole app gets re-rendered, How can I fix this?  I mean, what I need to do is at least the top level component to stay where he is and don't lose the redux state tree, because a router transition resets redux state.</p>

<p>These are the version of the packages I'm using:</p>

<p><strong>"react": "^0.14.6",<br>
  "react-dom": "^0.14.6",<br>
  "react-redux": "^4.0.6",<br>
  "react-router": "^2.0.0-rc5",<br>
  "react-router-redux": "^3.0.0",<br>
  "redux": "^3.0.6"</strong></p>

<p>This is my route configuration: </p>

<pre><code>export default (&lt;Route path="/" component={App}&gt;
    &lt;Route path="companies"&gt;
        &lt;Route path="create" components={CompaniesCreate}&gt;&lt;/Route&gt;
        &lt;Route path="grid" components={CompaniesGrid}&gt;&lt;/Route&gt;
    &lt;/Route&gt;
 &lt;/Route&gt;);
</code></pre>

<p>My default index.js export:</p>

<pre><code>ReactDOM.render(
&lt;Provider store={store}&gt;
    &lt;div&gt;
        &lt;Router history={browserHistory} routes={Routes}/&gt;
        &lt;DevTools /&gt;
    &lt;/div&gt;
&lt;/Provider&gt;
, document.querySelector('.container'));
</code></pre>

<p>my ConfigureStore.js</p>

<pre><code>const reduxRouterMiddleware = syncHistory(browserHistory);
const finalCreateStore = compose(
    applyMiddleware(ReduxPromise, reduxRouterMiddleware),
    DevTools.instrument()
)(createStore);

export default function configureStore(initialState) {
    const store = finalCreateStore(rootReducer, initialState);
    if (module.hot) {
        module.hot.accept('../reducers', () =&gt;
            store.replaceReducer(require('../reducers'))
        );
    }
    return store;
 }
</code></pre>

<p>And finally, the index for the reducers:</p>

<pre><code>export default combineReducers({
    ...reducers
    routing: routeReducer,
});
</code></pre>