Can I have my apps share single redux store?
<p>I have a complex analytics html page, I have converted most of the elements into react components, most of my elements are organized into two sections top / bottom.</p>

<p>My setup is working, yet, I'm wondering if this is legal / correct way of setting things up? </p>

<pre><code>import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';

import TopSection from './components/app';
import BottomSection from './components/app_content';
import reducers from './reducers';

const createStoreWithMiddleware = applyMiddleware()(createStore);

// Top Section 

ReactDOM.render(
  &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
    &lt;TopSection /&gt;
  &lt;/Provider&gt;
  , document.querySelector('.top-section'));

// Bottom Section 

ReactDOM.render(
  &lt;Provider store={createStoreWithMiddleware(reducers)}&gt;
    &lt;BottomSection /&gt;
  &lt;/Provider&gt;
  , document.querySelector('.bottom-section'));
</code></pre>