Add router links

Author: knosis

lessons/01-setting-up/index.js

@@ -1,4 +1,17 @@
 import React from 'react'
 import { render } from 'react-dom'
+import { Router, Route, hashHistory } from 'react-router'
+import About from './modules/About'
+import Repos from './modules/Repos'
 import App from './modules/App'
-render(<App/>, document.getElementById('app'))
+
+
+render(
+  (
+  <Router history={hashHistory}>
+    <Route path="/" component={App}/>
+    <Route path="about" component={About}/>
+    <Route path="repos" component={Repos}/>
+  </Router>
+  ), document.getElementById('app')
+)

lessons/01-setting-up/modules/About.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default React.createClass({
+
+  render() {
+    return
+      <div>
+        About
+      </div>
+  }
+})

lessons/01-setting-up/modules/App.js

@@ -1,7 +1,16 @@
 import React from 'react'
+import { Link } from 'react-router'
 
 export default React.createClass({
   render() {
-    return <div>Hello, React Router!</div>
+    return (
+      <div>
+        <h1>React Router Tutorial</h1>
+        <ul role="nav">
+          <li><Link to="/about">About</Link></li>
+          <li><Link to="/repos">Repos</Link></li>
+        </ul>
+      </div>
+    )
   }
 })

lessons/01-setting-up/modules/Repos.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default React.createClass({
+
+  render() {
+    return
+      <div>
+        Repos
+      </div>
+  }
+})