add react-router

stukennedy · stukennedy · commit 125a6dbc658a · 2015-11-30T17:30:19.000Z
diff --git a/app/app.jsx b/app/app.jsx
@@ -5,9 +5,10 @@ import 'normalize.css/normalize.css';
 import './scss/app.scss';
 
 import React from 'react';
-import App from './components/App/App';
+import Router from 'react-router';
 
-React.render(
-  <App />,
-  document.getElementById('app')
-);
+import routes from './routes';
+
+Router.run(routes, function (Handler) {
+  React.render(React.createElement(Handler), document.body);
+});
diff --git a/app/components/App/App.jsx b/app/components/App/App.jsx
@@ -1,9 +1,9 @@
 import styles from './_App.scss';
 
 import React from 'react';
+import { RouteHandler } from 'react-router';
 import AppActions from '../../actions/AppActions';
 import ItemsStore from '../../stores/ItemsStore';
-import Body from '../Body/Body';
 import Footer from '../Footer/Footer';
 
 export default class App extends React.Component {
@@ -19,7 +19,7 @@ export default class App extends React.Component {
   render() {
     return (
       <div className={styles.app}>
-        <Body items={this.state.items} />
+        <RouteHandler items={this.state.items} />
         <Footer />
       </div>
     );
diff --git a/app/components/Body/Body.jsx b/app/components/Body/Body.jsx
@@ -1,4 +1,5 @@
 import styles from './_Body.scss';
+
 import React from 'react';
 import Menu from '../Menu/Menu';
 
@@ -18,7 +19,7 @@ export default class Body extends React.Component {
     return (
       <div className={styles.body}>
         <h1 className={styles.header}>React Seed</h1>
-        <p>This is an example seed app, powered by React, ES6 &amp; webpack.</p>
+        <p>This is an example seed app, powered by React, ES6, Al &amp; webpack.</p>
         <p>Here is some example data:</p>
         <Menu items={this.props.items} />
         <h2>Getting started</h2>
diff --git a/app/routes.jsx b/app/routes.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { Route, DefaultRoute } from 'react-router';
+import App from './components/App/App';
+import Body from './components/Body/Body';
+
+export default (
+  <Route path="/" handler={App}>
+    <DefaultRoute name="home" handler={Body}/>
+  </Route>
+);
diff --git a/package.json b/package.json
@@ -29,7 +29,8 @@
     "classnames": "^2.1.3",
     "flux": "^2.0.3",
     "normalize.css": "^3.0.3",
-    "react": "^0.13.3"
+    "react": "^0.13.3",
+    "react-router": "^0.13.3"
   },
   "devDependencies": {
     "autoprefixer-core": "^5.2.1",
