[reactV14] add history dependency

docs/package.json

@@ -12,7 +12,8 @@
     "build": "webpack --config webpack-production.config.js --progress --colors --profile"
   },
   "dependencies": {
-    "codemirror": "^5.5.0"
+    "codemirror": "^5.5.0",
+    "history": "^1.11.1"
   },
   "devDependencies": {
     "raw-loader": "^0.5.1",

docs/src/app/app-routes.jsx

@@ -46,15 +46,15 @@ const TimePicker = require('./components/pages/components/time-picker');
 const Toolbars = require('./components/pages/components/toolbars');
 
 
-/** Routes: https://github.com/rackt/react-router/blob/master/docs/api/components/Route.md
-  *
-  * Routes are used to declare your view hierarchy.
-  *
-  * Say you go to http://material-ui.com/#/components/paper
-  * The react router will search for a route named 'paper' and will recursively render its
-  * handler and its parent handler like so: Paper > Components > Master
-  */
-
+/**
+ * Routes: https://github.com/rackt/react-router/blob/master/docs/api/components/Route.md
+ *
+ * Routes are used to declare your view hierarchy.
+ *
+ * Say you go to http://material-ui.com/#/components/paper
+ * The react router will search for a route named 'paper' and will recursively render its
+ * handler and its parent handler like so: Paper > Components > Master
+ */
 const AppRoutes = (
   <Route path="/" component={Master}>
     <Route path="home" component={Home} />

docs/src/app/app.jsx

@@ -2,7 +2,9 @@ const React = require('react');
 const ReactDOM = require('react-dom');
 const {Router} = require('react-router');
 const AppRoutes = require('./app-routes.jsx');
-const injectTapEventPlugin = require("react-tap-event-plugin");
+const injectTapEventPlugin = require('react-tap-event-plugin');
+const createBrowserHistory = require('history/lib/createBrowserHistory');
+const history = createBrowserHistory()
 
 //Needed for React Developer Tools
 window.React = React;
@@ -17,6 +19,6 @@ injectTapEventPlugin();
  * Render the main app component. You can read more about the react-router here:
  * https://github.com/rackt/react-router/blob/master/docs/guides/overview.md
  */
-ReactDOM.render(<Router>
+ReactDOM.render(<Router history={history}>
   {AppRoutes}
 </Router>, document.getElementById('app'));

docs/src/app/components/master.jsx

@@ -202,17 +202,17 @@ const Master = React.createClass({
                 value="1"
                 label="GETTING STARTED"
                 style={styles.tab}
-                route="get-started" />
+                route="/get-started" />
               <Tab
                 value="2"
                 label="CUSTOMIZATION"
                 style={styles.tab}
-                route="customization"/>
+                route="/customization"/>
               <Tab
                 value="3"
                 label="COMPONENTS"
                 style={styles.tab}
-                route="components"/>
+                route="/components"/>
             </Tabs>
           </div>
         </Paper>

docs/src/app/components/pages/home.jsx

@@ -1,5 +1,5 @@
 const React = require('react');
-const Router = require('react-router');
+const {History} = require('react-router');
 const { Mixins, RaisedButton, Styles } = require('material-ui');
 const HomeFeature = require('./home-feature');
 const FullWidthSection = require('../full-width-section');
@@ -12,7 +12,11 @@ const DefaultRawTheme = Styles.LightRawTheme;
 
 const HomePage = React.createClass({
 
-  mixins: [StylePropable, StyleResizable],
+  mixins: [
+    StylePropable,
+    StyleResizable,
+    History,
+  ],
 
   contextTypes: {
     router: React.PropTypes.func
@@ -208,8 +212,8 @@ const HomePage = React.createClass({
   },
 
   _onDemoClick() {
-    this.context.router.transitionTo('components');
-  }
+    this.history.pushState(null, '/components');
+  },
 });
 
 module.exports = HomePage;