title: How to Route without reloading the whole page?
body: <p>I am Using react-route, and i am facing some trouble with routing.</p>
  
  <p>The whole page is reloading , causing all the data that i have already fetched and stored in the reducer to load every time.</p>
  
  <p>Here is my Route file :</p>
  
  <pre><code>var CustomRoute = React.createClass({
      render:function(){
          return &lt;Router history={browserHistory}&gt;
              &lt;Route path="/" component={Layout}&gt;
                  &lt;IndexRedirect to="/landing" /&gt;
                  &lt;Route path="landing" component={Landing} /&gt;
                  &lt;Route path="login" component={Login} /&gt;
                  &lt;Route path="form" component={Form} /&gt;
                  &lt;Route path="*" component={NoMatch} /&gt;
              &lt;/Route&gt;
          &lt;/Router&gt;
      },
  });
  </code></pre>
  
  <p>Before routing i already store data by calling action in my main.jsx</p>
  
  <pre><code>/** @jsx React.DOM */
  'use strict'
  var ReactDOM = require('react-dom')
  var React = require('react')
  var Index = require('./components/index')
  var createStore = require("redux").createStore
  var applyMiddleware = require("redux").applyMiddleware
  var Provider = require("react-redux").Provider
  var thunkMiddleware = require("redux-thunk").default
  var reducer = require("./reducers")
  var injectTapEventPlugin =require('react-tap-event-plugin');
  injectTapEventPlugin()
  var createStoreWithMiddleware=applyMiddleware(thunkMiddleware)(createStore);
  var store=createStoreWithMiddleware(reducer);
  store.dispatch(actions.load_contacts()) //////////// &lt;&lt;&lt;&lt;&lt;&lt; this is what i call to store data already
  
  ReactDOM.render( &lt;Provider store={store}&gt;&lt;Index/&gt;&lt;/Provider&gt; , document.getElementById('content'))
  </code></pre>
  
  <p>The issue is i have to route to another page if sucess login :</p>
  
  <pre><code>this.props.dispatch(actions.login(this.state.login,this.state.password,(err)=&gt;{
      this.setState({err:err})
      if (!err){
          window.location = "/form"
      }
  }));  
  </code></pre>
  
  <p>The <strong>window.location</strong> does the trick but it reloads everything which is very inefficient. 
  In manual route i use <code>&lt;Link\&gt;</code> that routes without reloading, however for automated i am not sure how to do it.</p>
  
  <p>Any Suggestion will be much appreciated.</p>