02-lesson;

Author: dosandk

lessons/02-rendering-a-route/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 News from './modules/News'
+import About from './modules/About'
+import Repos from './modules/Repos'
+import { Router, Route, hashHistory } from 'react-router'
+
+render((
+    <Router history={hashHistory}>
+        <Route path="/" component={App}/>
+        <Route path="/news" component={News}/>
+        <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/News.js

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default React.createClass({
+  render() {
+    return <div>Super News</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>
+  }
+})