Make <Subdivide> potentially controllable

src/containers/Subdivide.js

@@ -1,7 +1,9 @@
 import React, { Component } from 'react';
-import { createStore } from 'redux';
+import { createStore, bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
 import reducer from '../reducers';
-import LayoutContainer from './LayoutContainer';
+import Layout from '../components/Layout';
+import * as LayoutActions from '../actions/LayoutActions';
 
 function configureStore(initialState) {
   let store = createStore(reducer, initialState);
@@ -16,16 +18,29 @@ function configureStore(initialState) {
   return store;
 }
 
+const ConnectedLayout = connect(
+  state => ({ layout: state })
+)(Layout);
+
 export default class Subdivide extends Component {
   constructor(props) {
     super(props);
-    this.store = configureStore();
+
+    const {dispatch} = props;
+    if (dispatch) {
+      this.actions = bindActionCreators(LayoutActions, dispatch);
+    } else {
+      this.store = configureStore();
+      this.actions = bindActionCreators(LayoutActions, this.store.dispatch);
+    }
   }
 
   render() {
-    const {DefaultComponent} = this.props;
-    return (
-      <LayoutContainer DefaultComponent={DefaultComponent} store={this.store} />
-    );
+    const {store, actions} = this;
+    const {dispatch, ...rest} = this.props;
+
+    return store ?
+      <ConnectedLayout {...this.props} store={store} actions={actions} /> :
+      <Layout {...this.props} actions={actions} />;
   }
 }

src/dev-index.js

@@ -1,18 +1,20 @@
-//import 'babel-core/polyfill';
 import React, {Component} from 'react';
 import ReactDOM from 'react-dom';
-import Subdivide from './containers/Subdivide';
+import Subdivide from './index';
 
 class IframeComponent extends Component {
   render() {
     return (
       <iframe src="index2.html" frameBorder={'0'} style={{
          width: '100%',
          height: '100%'
-      }}></iframe>
+      }} />
     );
   }
 }
 
-ReactDOM.render(<Subdivide DefaultComponent={IframeComponent}/>, document.getElementById('root'));
+ReactDOM.render(
+  <Subdivide DefaultComponent={IframeComponent} />,
+  document.getElementById('root')
+);
 

src/index.js

@@ -1,3 +1,2 @@
-//import 'babel-core/polyfill';
-
-module.exports = require('./containers/Subdivide');
+export default from './containers/Subdivide';
+export { default as reducer } from './reducers';