lesson 6 finish

Author: r2fresh

lessons/01-setting-up/index.js

@@ -6,10 +6,14 @@ import { Router, Route, hashHistory} from 'react-router';
 import About from './modules/About';
 import Repos from './modules/Repos';
 
+import Repo from './modules/Repo'
+
 render((
     <Router history={hashHistory}>
         <Route path="/" component={App}>
             <Route path="/repos" component={Repos}/>
+            {/* add this new route*/}
+            <Route path="/repos/:userName/:repoName" component={Repo}/>
             <Route path="/about" component={About}/>
         </Route>
     </Router>

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

@@ -0,0 +1,13 @@
+import React, {Component} from 'react';
+
+class Repo extends Component {
+    render(){
+        return (
+            <div>
+                <h2>{this.props.params.repoName}</h2>
+            </div>
+        )
+    }
+}
+
+export default Repo;

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

@@ -1,8 +1,18 @@
 import React, { Component } from 'react';
+import {Link} from 'react-router';
 
 class Repos extends Component {
     render(){
-        return <div>Repos</div>
+        return (
+            <div>
+                <h2>Repos</h2>
+
+                <ul>
+                    <li><Link to='repos/reactjs/react-router'>React Router</Link></li>
+                    <li><Link to='repos/facebook/react'>React</Link></li>
+                </ul>
+            </div>
+        )
     }
 }