try to call render after module executed

src/index.js

@@ -1,30 +1,3 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import { Provider } from 'react-redux'
-import configureStore from './store'
+import { render } from './main'
 
-import DevTools from './containers/dev_tools'
-import Counter from './containers/counter'
-import HelloWorld from './containers/hello_world'
-import reducers from './reducers/index';
-
-const store = window.__store || configureStore(reducers)
-delete window.__store
-
-export function __unload() {
-  window.__store = store;
-}
-
-export function __reload(deletedModule) {
-  store.replaceReducer(reducers)
-}
-
-ReactDOM.render((
-  <Provider store={store}>
-    <div>
-      <HelloWorld />
-      <Counter />
-      <DevTools />
-    </div>
-  </Provider>
-), document.getElementById('app'))
+render(document.getElementById('app'))

src/main.js

@@ -0,0 +1,28 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { Provider } from 'react-redux'
+import configureStore from './store'
+
+import DevTools from './containers/dev_tools'
+import Counter from './containers/counter'
+import HelloWorld from './containers/hello_world'
+import reducers from './reducers/index';
+
+export let store = configureStore(reducers)
+
+export function __reload(deletedModule) {
+  store = deletedModule.store
+  store.replaceReducer(reducers)
+}
+
+export function render(element) {
+  ReactDOM.render((
+    <Provider store={store}>
+      <div>
+        <HelloWorld />
+        <Counter />
+        <DevTools />
+      </div>
+    </Provider>
+  ), element)
+}