Add some shiz

Author: rich-farr

lessons/01-setting-up/index.js

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

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

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

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

@@ -1,7 +1,17 @@
 import React from 'react'
+import { Link } from 'react-router';
 
 export default React.createClass({
   render() {
-    return <div>Hello, React Router!</div>
+    return (
+    	<div>
+    		<h1>Ghetto hub issues</h1>
+    		<ul role="nav">
+    			<li><Link to='/about' activeStyle={{ color:'#c9ce06' }}>About</Link></li>
+    			<li><Link to='/repos' activeStyle={{ color:'chartreuse' }}>Repos</Link></li>
+    		</ul>
+    		{this.props.children}
+    	</div>
+    )
   }
 })

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

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