title: Sharing routing between different React Apps
body: <p>I'm having a react-redux proto similar to the following</p>
  
  <pre><code>    html
     &lt;body&gt;
        &lt;div id="app1"&gt;&lt;/div&gt;
        &lt;div id="app2"&gt;&lt;/div&gt;
      &lt;/body&gt;
  </code></pre>
  
  <p>There is 2 living app sharing a same store but rendered in different div. The React code does something like this</p>
  
  <pre><code>    Js
          ReactDOM.render(
          &lt;Provider store={ store }&gt;
            &lt;Component1 /&gt;
          &lt;/Provider&gt;,
            document.getElementById('app1')
          );
  
          ReactDOM.render(
          &lt;Provider store={ store }&gt;
            &lt;Component2 /&gt;
          &lt;/Provider&gt;,
            document.getElementById('app2')
          );
  </code></pre>
  
  <p>What if i need to implement a shared react-routing system where when a change occurs in app1 and modifies the URL, it gets passed to app2 and update it accordingly as well...something like this</p>
  
  <pre><code>Js
          ReactDOM.render(
          &lt;Provider store={ store }&gt;
             &lt;Router history={ browserHistory }&gt;
              &lt;Route path="/(:param)" component={ Component1 } /&gt;
             &lt;/Router&gt;
          &lt;/Provider&gt;,
            document.getElementById('app1')
          );
  
          ReactDOM.render(
          &lt;Provider store={ store }&gt;
            &lt;Route path="/" component={ App2 }&gt;
             &lt;Route path="/otherRoute(/:otherParam)" component={ Component2 } /&gt;
            &lt;/Route&gt;          
          &lt;/Provider&gt;,
            document.getElementById('app2')
          );
  </code></pre>
  
  <p>So action in Component1 would call Route /otherRoute(/:otherParam) valid for component2 and trigger render in Component2</p>
  
  <p>Is it even possible with React / Redux to do something this viable? </p>