feat(demo): initial router setup

Author: adamweeks

src/components/index.js

@@ -93,4 +93,7 @@ const Components = () => {
   );
 };
 
+Components.path = `/components`;
+Components.title = `Components`;
+
 export default Components;

src/demo-home/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+const DemoHome = () =>
+  <div>
+    <h2>{`Welcome to the Spark React Components Example Page`}</h2>
+  </div>;
+
+DemoHome.title = `Home`;
+DemoHome.path = `/`;
+
+export default DemoHome;

src/demo-wrapper/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import {IndexLink, Link} from 'react-router';
+import DemoHome from '../demo-home';
+import Components from '../components';
+
+const DemoWrapper = (props) => {
+  const title = `Spark React Components`;
+  return (
+    <div>
+      <h1>{title}</h1>
+      <ul>
+        <li><IndexLink to={DemoHome.path}>{DemoHome.title}</IndexLink></li>
+        <li><Link to={Components.path}>{Components.title}</Link></li>
+      </ul>
+      {props.children}
+    </div>
+  );
+};
+
+DemoWrapper.propTypes = {
+  children: React.PropTypes.node
+};
+
+export default DemoWrapper;

src/demo.js

@@ -1,15 +1,28 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import {Router, Route, IndexRoute, hashHistory} from 'react-router';
 
 import {IntlProvider} from 'react-intl';
 import messages from './locales/en';
 
+import DemoWrapper from './demo-wrapper';
+import DemoHome from './demo-home';
 import Components from './components';
 
-
 ReactDOM.render(
   <IntlProvider locale={`en`} messages={messages}>
-    <Components />
+    <Router history={hashHistory}>
+      <Route
+        component={DemoWrapper}
+        path="/"
+      >
+        <IndexRoute component={DemoHome} />
+        <Route
+          component={Components}
+          path={Components.path}
+        />
+      </Route>
+    </Router>
   </IntlProvider>,
   document.getElementById(`main`)
 );