From 0cf25d7bc0151df96538f60fb1dbec1fe3e8a549 Mon Sep 17 00:00:00 2001
From: Thomas Hudspith-Tatham <iammotivated@gmail.com>
Date: Mon, 28 Dec 2015 11:07:38 +0000
Subject: [PATCH 1/2] updated example app to use middleware

---
 examples/basic/app.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/examples/basic/app.js b/examples/basic/app.js
index a6213f8..e30d493 100644
--- a/examples/basic/app.js
+++ b/examples/basic/app.js
@@ -1,26 +1,27 @@
 const React = require('react');
 const ReactDOM = require('react-dom');
-const { compose, createStore, combineReducers } = require('redux');
+const { applyMiddleware, compose, createStore, combineReducers } = require('redux');
 const { Provider } = require('react-redux');
 const { Router, Route, IndexRoute } = require('react-router');
 const createHistory = require('history/lib/createHashHistory');
-const { syncReduxAndRouter, routeReducer } = require('redux-simple-router');
+const { syncHistory, routeReducer } = require('redux-simple-router');
 import { devTools } from 'redux-devtools';
 const { DevTools, DebugPanel, LogMonitor } = require('redux-devtools/lib/react');
 
 const reducers = require('./reducers');
 const { App, Home, Foo, Bar } = require('./components');
 
+const history = createHistory();
+const middleware = syncHistory(history);
 const reducer = combineReducers(Object.assign({}, reducers, {
   routing: routeReducer
 }));
+
 const finalCreateStore = compose(
+  applyMiddleware(middleware),
   devTools()
 )(createStore);
 const store = finalCreateStore(reducer);
-const history = createHistory();
-
-syncReduxAndRouter(history, store);
 
 ReactDOM.render(
   <Provider store={store}>

From cbef7f882b9aa8707ce634b7d97f81eb6b08c7b8 Mon Sep 17 00:00:00 2001
From: Thomas Hudspith-Tatham <iammotivated@gmail.com>
Date: Mon, 28 Dec 2015 18:14:21 +0000
Subject: [PATCH 2/2] added the devtools middleware.syncHistoryToStore wart
 into the example

---
 examples/basic/app.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/examples/basic/app.js b/examples/basic/app.js
index e30d493..bc5a35e 100644
--- a/examples/basic/app.js
+++ b/examples/basic/app.js
@@ -22,6 +22,7 @@ const finalCreateStore = compose(
   devTools()
 )(createStore);
 const store = finalCreateStore(reducer);
+middleware.syncHistoryToStore(store);
 
 ReactDOM.render(
   <Provider store={store}>