rendering route

Author: zziro

lessons/02-rendering-a-route/index.js

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

lessons/02-rendering-a-route/modules/About.js

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

lessons/02-rendering-a-route/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/02-rendering-a-route/modules/Repos.js

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