clean urls

ryanwest91 · ryanwest91 · commit 4a3f96d78105 · 2016-03-18T12:10:59.000-04:00
diff --git a/index.html b/index.html
@@ -2,8 +2,8 @@
 <html>
 <meta charset=utf-8/>
 <title>My First React Router App</title>
-<link rel=stylesheet href=index.css />
+<link rel=stylesheet href=/index.css />
 
 <div id=app></div>
-<script src="bundle.js"></script>
+<script src="/bundle.js"></script>
 
diff --git a/index.js b/index.js
@@ -2,20 +2,26 @@
 
 import React from 'react'
 import { render } from 'react-dom'
-import { Router, Route, hashHistory } from 'react-router'
+import { Router, Route, browserHistory, IndexRoute } from 'react-router'
 
 import App from './modules/App'
 import About from './modules/About'
 import Repos from './modules/Repos'
 import Repo from './modules/Repo.js'
+import Home from './modules/Home.js'
 
 render((
-	<Router history={hashHistory}>
+	<Router history={browserHistory}>
 		<Route path="/" component={App}>
+
+			<IndexRoute component={Home}/>
+
 			<Route path="/about" component={About}/>
+
 			<Route path="/repos" component={Repos}>
 				<Route path="/repos/:userName/:repoName" component={Repo}/>
 			</Route>
+
 		</Route>
 	</Router>),
  	document.getElementById('app')
diff --git a/modules/App.js b/modules/App.js
@@ -4,6 +4,7 @@ import React from 'react'
 import { Link } from 'react-router'
 import NavLink from './NavLink.js'
 
+
 export default React.createClass({
   render() {
     return (
@@ -16,6 +17,9 @@ export default React.createClass({
     			<li>
     				<NavLink to="/repos">Repos</NavLink>
     			</li>
+    			<li>
+    				<NavLink to="/" onlyActiveOnIndex>Home</NavLink>
+    			</li>
     		</ul>
 
     		{this.props.children}
diff --git a/modules/Home.js b/modules/Home.js
@@ -0,0 +1,15 @@
+// modules/Home.js
+
+import React from 'react'
+
+export default React.createClass({
+
+	render(){
+		return(
+
+			<div>Home</div>
+
+		)
+	}
+
+})
diff --git a/modules/Repos.js b/modules/Repos.js
@@ -12,10 +12,10 @@ export default React.createClass({
 				<h2>Repos</h2>
 				<ul>
 					<li>
-						<NavLink to="repos/rackt/react-router">React Router</NavLink>
+						<NavLink to="/repos/rackt/react-router">React Router</NavLink>
 					</li>
 					<li>
-						<NavLink to="repos/facebook/react">React</NavLink>
+						<NavLink to="/repos/facebook/react">React</NavLink>
 					</li>
 				</ul>
 
