L2

.gitignore

@@ -1,2 +1,4 @@
+/.idea/
+/node_modules/
 bundle.js
 *.bundle.js

index.js

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

modules/About.js

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

modules/App.js

@@ -5,4 +5,3 @@ export default React.createClass({
     return <div>Hello, React Router!</div>
   }
 })
-

modules/Repos.js

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