9 jaren geleden · 4e5eb34864
--- a/README.md
+++ b/README.md
@@ -3,10 +3,10 @@ React Router Tutorial
 
				 
			
 
				 Quick lessons for getting up-to-speed with React Router.
			
 
				 
			
 
				-See [01-setting-up.md](/lessons/01-setting-up.md) to get started.
			
 
				+See [Lesson 1 - Setting Up](/lessons/01-setting-up/) to get started.
			
 
				 
			
 
				-Each lesson has a commit for the final code so you can `git checkout
			
 
				-<previous lesson final sha>` before starting a new one if you'd like.
			
 
				+Each lesson is a fully runnable app with all code from the previous lesson, so you can `cd lessons/<lesson-folder>`, npm install,
			
 
				+and then run the appropriate NPM scripts for each lesson from within the lesson folder.
			
 
				 
			
 
				 Missing stuff that will come eventually, hopefully ... maybe.
			
 
				 
			
@@ -15,4 +15,3 @@ Missing stuff that will come eventually, hopefully ... maybe.
 
				 - code splitting
			
 
				 - location state
			
 
				 - data integration
			
 
				-
			
--- a/lessons/01-setting-up/README.md
+++ b/lessons/01-setting-up/README.md
@@ -11,12 +11,12 @@ up our project.
 
				 ```
			
 
				 git clone <tutorial url>
			
 
				 cd react-router-tutorial
			
 
				-git checkout start
			
 
				+cd lessons/01-setting-up
			
 
				 npm install
			
 
				 npm start
			
 
				 ```
			
 
				 
			
 
				-Now open up [http://localhost:8080](http://localhost:8080)
			
 
				+Now open up http://localhost:8080
			
 
				 
			
 
				 Feel free to poke around the code to see how we're using webpack and npm
			
 
				 scripts to run the app.
			
@@ -30,5 +30,4 @@ Open up `modules/App.js` and change the text to something like "Hello
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Rendering a Router](02-rendering-a-router.md)
			
 
				-
			
 
				+[Next: Rendering a Router](../02-rendering-a-route/)
			
--- a/lessons/01-setting-up/index.html
+++ b/lessons/01-setting-up/index.html
@@ -0,0 +1,6 @@
 
				+<!doctype html public "storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/01-setting-up/index.js
+++ b/lessons/01-setting-up/index.js
@@ -0,0 +1,4 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import App from './modules/App'
			
 
				+render(<App/>, document.getElementById('app'))
			
--- a/lessons/01-setting-up/modules/App.js
+++ b/lessons/01-setting-up/modules/App.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Hello, React Router!</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/01-setting-up/package.json
+++ b/lessons/01-setting-up/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/01-setting-up/webpack.config.js
+++ b/lessons/01-setting-up/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/02-rendering-a-route/README.md
+++ b/lessons/02-rendering-a-route/README.md
@@ -84,5 +84,4 @@ http://localhost:8080/#/repos
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Navigating With Link](03-navigating-with-link.md)
			
 
				-
			
 
				+[Next: Navigating With Link](../03-navigating-with-link/)
			
--- a/lessons/02-rendering-a-route/index.html
+++ b/lessons/02-rendering-a-route/index.html
@@ -0,0 +1,6 @@
 
				+<!doctype html public "storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/02-rendering-a-route/index.js
+++ b/lessons/02-rendering-a-route/index.js
@@ -0,0 +1,4 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import App from './modules/App'
			
 
				+render(<App/>, document.getElementById('app'))
			
--- a/lessons/02-rendering-a-route/modules/App.js
+++ b/lessons/02-rendering-a-route/modules/App.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Hello, React Router!</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/02-rendering-a-route/package.json
+++ b/lessons/02-rendering-a-route/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/02-rendering-a-route/webpack.config.js
+++ b/lessons/02-rendering-a-route/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/03-navigating-with-link/README.md
+++ b/lessons/03-navigating-with-link/README.md
@@ -30,5 +30,4 @@ forward. It works!
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Nested Routes](04-nested-routes.md)
			
 
				-
			
 
				+[Next: Nested Routes](../04-nested-routes/)
			
--- a/lessons/03-navigating-with-link/index.html
+++ b/lessons/03-navigating-with-link/index.html
@@ -0,0 +1,6 @@
 
				+<!doctype html public "storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/03-navigating-with-link/index.js
+++ b/lessons/03-navigating-with-link/index.js
@@ -0,0 +1,14 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}/>
			
 
				+    <Route path="/repos" component={Repos}/>
			
 
				+    <Route path="/about" component={About}/>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/03-navigating-with-link/modules/About.js
+++ b/lessons/03-navigating-with-link/modules/About.js
@@ -5,4 +5,3 @@ export default React.createClass({
 
				     return <div>About</div>
			
 
				   }
			
 
				 })
			
 
				-
			
--- a/lessons/03-navigating-with-link/modules/App.js
+++ b/lessons/03-navigating-with-link/modules/App.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Hello, React Router!</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/03-navigating-with-link/modules/Repos.js
+++ b/lessons/03-navigating-with-link/modules/Repos.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Repos</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/03-navigating-with-link/package.json
+++ b/lessons/03-navigating-with-link/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/03-navigating-with-link/webpack.config.js
+++ b/lessons/03-navigating-with-link/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/04-nested-routes/README.md
+++ b/lessons/04-nested-routes/README.md
@@ -123,4 +123,4 @@ Okay, now put it back.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Active Links](05-active-links.md)
			
 
				+[Next: Active Links](../05-active-links/)
			
--- a/lessons/04-nested-routes/index.html
+++ b/lessons/04-nested-routes/index.html
@@ -0,0 +1,6 @@
 
				+<!doctype html public "storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/04-nested-routes/index.js
+++ b/lessons/04-nested-routes/index.js
@@ -0,0 +1,14 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}/>
			
 
				+    <Route path="/repos" component={Repos}/>
			
 
				+    <Route path="/about" component={About}/>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/04-nested-routes/modules/About.js
+++ b/lessons/04-nested-routes/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/04-nested-routes/modules/App.js
+++ b/lessons/04-nested-routes/modules/App.js
@@ -0,0 +1,16 @@
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    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>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/04-nested-routes/modules/Repos.js
+++ b/lessons/04-nested-routes/modules/Repos.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Repos</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/04-nested-routes/package.json
+++ b/lessons/04-nested-routes/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/04-nested-routes/webpack.config.js
+++ b/lessons/04-nested-routes/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/05-active-links/README.md
+++ b/lessons/05-active-links/README.md
@@ -81,5 +81,4 @@ Oh, how beautiful upon the renders is the composability of components.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Params](06-params.md)
			
 
				-
			
 
				+[Next: Params](../06-params/)
			
--- a/lessons/05-active-links/index.html
+++ b/lessons/05-active-links/index.html
@@ -0,0 +1,6 @@
 
				+<!doctype html public "storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/05-active-links/index.js
+++ b/lessons/05-active-links/index.js
@@ -0,0 +1,15 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}>
			
 
				+      <Route path="/repos" component={Repos}/>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/05-active-links/modules/About.js
+++ b/lessons/05-active-links/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/05-active-links/modules/App.js
+++ b/lessons/05-active-links/modules/App.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    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>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/05-active-links/modules/Repos.js
+++ b/lessons/05-active-links/modules/Repos.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Repos</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/05-active-links/package.json
+++ b/lessons/05-active-links/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/05-active-links/webpack.config.js
+++ b/lessons/05-active-links/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/06-params/README.md
+++ b/lessons/06-params/README.md
@@ -91,5 +91,4 @@ later.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: More Nesting](07-more-nesting.md)
			
 
				-
			
 
				+[Next: More Nesting](../07-more-nesting/)
			
--- a/lessons/06-params/index.css
+++ b/lessons/06-params/index.css
@@ -1,4 +1,3 @@
 
				 .active {
			
 
				   color: green;
			
 
				 }
			
 
				-
			
--- a/lessons/06-params/index.html
+++ b/lessons/06-params/index.html
@@ -0,0 +1,7 @@
 
				+<!doctype html public="storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/06-params/index.js
+++ b/lessons/06-params/index.js
@@ -0,0 +1,15 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}>
			
 
				+      <Route path="/repos" component={Repos}/>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/06-params/modules/About.js
+++ b/lessons/06-params/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/06-params/modules/App.js
+++ b/lessons/06-params/modules/App.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h1>React Router Tutorial</h1>
			
 
				+        <ul role="nav">
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/06-params/modules/NavLink.js
+++ b/lessons/06-params/modules/NavLink.js
@@ -7,4 +7,3 @@ export default React.createClass({
 
				     return <Link {...this.props} activeClassName="active"/>
			
 
				   }
			
 
				 })
			
 
				-
			
--- a/lessons/06-params/modules/Repos.js
+++ b/lessons/06-params/modules/Repos.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Repos</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/06-params/package.json
+++ b/lessons/06-params/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/06-params/webpack.config.js
+++ b/lessons/06-params/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/07-more-nesting/README.md
+++ b/lessons/07-more-nesting/README.md
@@ -53,5 +53,4 @@ both active? When child routes are active, so are the parents.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Index Routes](08-index-routes.md)
			
 
				-
			
 
				+[Next: Index Routes](../08-index-routes/)
			
--- a/lessons/07-more-nesting/index.css
+++ b/lessons/07-more-nesting/index.css
@@ -0,0 +1,3 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
--- a/lessons/07-more-nesting/index.html
+++ b/lessons/07-more-nesting/index.html
@@ -0,0 +1,7 @@
 
				+<!doctype html public="storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/07-more-nesting/index.js
+++ b/lessons/07-more-nesting/index.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+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}/>
			
 
				+      <Route path="/repos/:userName/:repoName" component={Repo}/>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/07-more-nesting/modules/About.js
+++ b/lessons/07-more-nesting/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/07-more-nesting/modules/App.js
+++ b/lessons/07-more-nesting/modules/App.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h1>React Router Tutorial</h1>
			
 
				+        <ul role="nav">
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/07-more-nesting/modules/NavLink.js
+++ b/lessons/07-more-nesting/modules/NavLink.js
@@ -0,0 +1,9 @@
 
				+// modules/NavLink.js
			
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <Link {...this.props} activeClassName="active"/>
			
 
				+  }
			
 
				+})
			
--- a/lessons/07-more-nesting/modules/Repo.js
+++ b/lessons/07-more-nesting/modules/Repo.js
@@ -0,0 +1,11 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>{this.props.params.repoName}</h2>
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/07-more-nesting/modules/Repos.js
+++ b/lessons/07-more-nesting/modules/Repos.js
@@ -0,0 +1,16 @@
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>Repos</h2>
			
 
				+        <ul>
			
 
				+          <li><Link to="/repos/rackt/react-router">React Router</Link></li>
			
 
				+          <li><Link to="/repos/facebook/react">React</Link></li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/07-more-nesting/package.json
+++ b/lessons/07-more-nesting/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/07-more-nesting/webpack.config.js
+++ b/lessons/07-more-nesting/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/08-index-routes/README.md
+++ b/lessons/08-index-routes/README.md
@@ -83,5 +83,4 @@ an index route if a route's path matches exactly.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Index Links](09-index-links.md)
			
 
				-
			
 
				+[Next: Index Links](../09-index-links/)
			
--- a/lessons/08-index-routes/index.css
+++ b/lessons/08-index-routes/index.css
@@ -0,0 +1,3 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
--- a/lessons/08-index-routes/index.html
+++ b/lessons/08-index-routes/index.html
@@ -0,0 +1,7 @@
 
				+<!doctype html public="storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/08-index-routes/index.js
+++ b/lessons/08-index-routes/index.js
@@ -0,0 +1,18 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+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}>
			
 
				+        <Route path="/repos/:userName/:repoName" component={Repo}/>
			
 
				+      </Route>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/08-index-routes/modules/About.js
+++ b/lessons/08-index-routes/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/08-index-routes/modules/App.js
+++ b/lessons/08-index-routes/modules/App.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h1>React Router Tutorial</h1>
			
 
				+        <ul role="nav">
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/08-index-routes/modules/NavLink.js
+++ b/lessons/08-index-routes/modules/NavLink.js
@@ -0,0 +1,9 @@
 
				+// modules/NavLink.js
			
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <Link {...this.props} activeClassName="active"/>
			
 
				+  }
			
 
				+})
			
--- a/lessons/08-index-routes/modules/Repo.js
+++ b/lessons/08-index-routes/modules/Repo.js
@@ -0,0 +1,11 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>{this.props.params.repoName}</h2>
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/08-index-routes/modules/Repos.js
+++ b/lessons/08-index-routes/modules/Repos.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>Repos</h2>
			
 
				+        <ul>
			
 
				+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
			
 
				+          <li><NavLink to="/repos/facebook/react">React</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/08-index-routes/package.json
+++ b/lessons/08-index-routes/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/08-index-routes/webpack.config.js
+++ b/lessons/08-index-routes/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/09-index-links/README.md
+++ b/lessons/09-index-links/README.md
@@ -54,5 +54,4 @@ a `NavLink` and it will make its way down to the `Link`:
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Clean URLs](10-clean-urls.md)
			
 
				-
			
 
				+[Next: Clean URLs](../10-clean-urls/)
			
--- a/lessons/09-index-links/index.css
+++ b/lessons/09-index-links/index.css
@@ -0,0 +1,3 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
--- a/lessons/09-index-links/index.html
+++ b/lessons/09-index-links/index.html
@@ -0,0 +1,7 @@
 
				+<!doctype html public="storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/09-index-links/index.js
+++ b/lessons/09-index-links/index.js
@@ -0,0 +1,20 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory, IndexRoute } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+import Repo from './modules/Repo'
			
 
				+import Home from './modules/Home'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}>
			
 
				+      <IndexRoute component={Home}/>
			
 
				+      <Route path="/repos" component={Repos}>
			
 
				+        <Route path="/repos/:userName/:repoName" component={Repo}/>
			
 
				+      </Route>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/09-index-links/modules/About.js
+++ b/lessons/09-index-links/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/09-index-links/modules/App.js
+++ b/lessons/09-index-links/modules/App.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h1>React Router Tutorial</h1>
			
 
				+        <ul role="nav">
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/09-index-links/modules/Home.js
+++ b/lessons/09-index-links/modules/Home.js
@@ -5,4 +5,3 @@ export default React.createClass({
 
				     return <div>Home</div>
			
 
				   }
			
 
				 })
			
 
				-
			
--- a/lessons/09-index-links/modules/NavLink.js
+++ b/lessons/09-index-links/modules/NavLink.js
@@ -0,0 +1,9 @@
 
				+// modules/NavLink.js
			
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <Link {...this.props} activeClassName="active"/>
			
 
				+  }
			
 
				+})
			
--- a/lessons/09-index-links/modules/Repo.js
+++ b/lessons/09-index-links/modules/Repo.js
@@ -0,0 +1,11 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>{this.props.params.repoName}</h2>
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/09-index-links/modules/Repos.js
+++ b/lessons/09-index-links/modules/Repos.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>Repos</h2>
			
 
				+        <ul>
			
 
				+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
			
 
				+          <li><NavLink to="/repos/facebook/react">React</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/09-index-links/package.json
+++ b/lessons/09-index-links/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/09-index-links/webpack.config.js
+++ b/lessons/09-index-links/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/10-clean-urls/README.md
+++ b/lessons/10-clean-urls/README.md
@@ -40,7 +40,7 @@ because your app, in the browser, is manipulating the url. Our current
 
				 server doesn't know how to handle the URL.
			
 
				 
			
 
				 The Webpack Dev Server has an option to enable this. Open up
			
 
				-`package.json` and add `--history-fallback-api`.
			
 
				+`package.json` and add `--history-api-fallback`.
			
 
				 
			
 
				 ```json
			
 
				     "start": "webpack-dev-server --inline --content-base . --history-api-fallback"
			
@@ -64,5 +64,4 @@ clean urls :)
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Production-ish Server](11-productionish-server.md)
			
 
				-
			
 
				+[Next: Production-ish Server](../11-productionish-server/)
			
--- a/lessons/10-clean-urls/index.css
+++ b/lessons/10-clean-urls/index.css
@@ -0,0 +1,3 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
--- a/lessons/10-clean-urls/index.html
+++ b/lessons/10-clean-urls/index.html
@@ -0,0 +1,7 @@
 
				+<!doctype html public="storage">
			
 
				+<html>
			
 
				+<meta charset=utf-8/>
			
 
				+<title>My First React Router App</title>
			
 
				+<link rel=stylesheet href=index.css>
			
 
				+<div id=app></div>
			
 
				+<script src="bundle.js"></script>
			
--- a/lessons/10-clean-urls/index.js
+++ b/lessons/10-clean-urls/index.js
@@ -0,0 +1,20 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+import { Router, Route, hashHistory, IndexRoute } from 'react-router'
			
 
				+import App from './modules/App'
			
 
				+import About from './modules/About'
			
 
				+import Repos from './modules/Repos'
			
 
				+import Repo from './modules/Repo'
			
 
				+import Home from './modules/Home'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={hashHistory}>
			
 
				+    <Route path="/" component={App}>
			
 
				+      <IndexRoute component={Home}/>
			
 
				+      <Route path="/repos" component={Repos}>
			
 
				+        <Route path="/repos/:userName/:repoName" component={Repo}/>
			
 
				+      </Route>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/10-clean-urls/modules/About.js
+++ b/lessons/10-clean-urls/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/10-clean-urls/modules/App.js
+++ b/lessons/10-clean-urls/modules/App.js
@@ -16,4 +16,3 @@ export default React.createClass({
 
				     )
			
 
				   }
			
 
				 })
			
 
				-
			
--- a/lessons/10-clean-urls/modules/Home.js
+++ b/lessons/10-clean-urls/modules/Home.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Home</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/10-clean-urls/modules/NavLink.js
+++ b/lessons/10-clean-urls/modules/NavLink.js
@@ -0,0 +1,9 @@
 
				+// modules/NavLink.js
			
 
				+import React from 'react'
			
 
				+import { Link } from 'react-router'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <Link {...this.props} activeClassName="active"/>
			
 
				+  }
			
 
				+})
			
--- a/lessons/10-clean-urls/modules/Repo.js
+++ b/lessons/10-clean-urls/modules/Repo.js
@@ -0,0 +1,11 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>{this.props.params.repoName}</h2>
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/10-clean-urls/modules/Repos.js
+++ b/lessons/10-clean-urls/modules/Repos.js
@@ -0,0 +1,17 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h2>Repos</h2>
			
 
				+        <ul>
			
 
				+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
			
 
				+          <li><NavLink to="/repos/facebook/react">React</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/10-clean-urls/package.json
+++ b/lessons/10-clean-urls/package.json
@@ -0,0 +1,25 @@
 
				+{
			
 
				+  "name": "tutorial",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "start": "webpack-dev-server --inline --content-base ."
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "react": "^0.14.7",
			
 
				+    "react-dom": "^0.14.7",
			
 
				+    "react-router": "^2.0.0"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.5.1",
			
 
				+    "babel-loader": "^6.2.2",
			
 
				+    "babel-preset-es2015": "^6.5.0",
			
 
				+    "babel-preset-react": "^6.5.0",
			
 
				+    "http-server": "^0.8.5",
			
 
				+    "webpack": "^1.12.13",
			
 
				+    "webpack-dev-server": "^1.14.1"
			
 
				+  }
			
 
				+}
			
--- a/lessons/10-clean-urls/webpack.config.js
+++ b/lessons/10-clean-urls/webpack.config.js
@@ -0,0 +1,14 @@
 
				+module.exports = {
			
 
				+  entry: './index.js',
			
 
				+
			
 
				+  output: {
			
 
				+    filename: 'bundle.js',
			
 
				+    publicPath: ''
			
 
				+  },
			
 
				+
			
 
				+  module: {
			
 
				+    loaders: [
			
 
				+      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
			
 
				+    ]
			
 
				+  }
			
 
				+}
			
--- a/lessons/11-productionish-server/README.md
+++ b/lessons/11-productionish-server/README.md
@@ -155,5 +155,4 @@ the assets are being served with gzip compression.
 
				 
			
 
				 ---
			
 
				 
			
 
				-[Next: Navigating](12-navigating.md)
			
 
				-
			
 
				+[Next: Navigating](../12-navigating/)
			
--- a/lessons/11-productionish-server/index.css
+++ b/lessons/11-productionish-server/index.css
@@ -0,0 +1,3 @@
 
				+.active {
			
 
				+  color: green;
			
 
				+}
			
--- a/lessons/11-productionish-server/index.html
+++ b/lessons/11-productionish-server/index.html
@@ -5,4 +5,3 @@
 
				 <link rel=stylesheet href=/index.css>
			
 
				 <div id=app></div>
			
 
				 <script src="/bundle.js"></script>
			
 
				-
			
--- a/lessons/11-productionish-server/index.js
+++ b/lessons/11-productionish-server/index.js
@@ -0,0 +1,20 @@
 
				+import React from 'react'
			
 
				+import { render } from 'react-dom'
			
 
				+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'
			
 
				+import Home from './modules/Home'
			
 
				+
			
 
				+render((
			
 
				+  <Router history={browserHistory}>
			
 
				+    <Route path="/" component={App}>
			
 
				+      <IndexRoute component={Home}/>
			
 
				+      <Route path="/repos" component={Repos}>
			
 
				+        <Route path="/repos/:userName/:repoName" component={Repo}/>
			
 
				+      </Route>
			
 
				+      <Route path="/about" component={About}/>
			
 
				+    </Route>
			
 
				+  </Router>
			
 
				+), document.getElementById('app'))
			
--- a/lessons/11-productionish-server/modules/About.js
+++ b/lessons/11-productionish-server/modules/About.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>About</div>
			
 
				+  }
			
 
				+})
			
--- a/lessons/11-productionish-server/modules/App.js
+++ b/lessons/11-productionish-server/modules/App.js
@@ -0,0 +1,18 @@
 
				+import React from 'react'
			
 
				+import NavLink from './NavLink'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return (
			
 
				+      <div>
			
 
				+        <h1>React Router Tutorial</h1>
			
 
				+        <ul role="nav">
			
 
				+          <li><NavLink to="/" onlyActiveOnIndex>Home</NavLink></li>
			
 
				+          <li><NavLink to="/about">About</NavLink></li>
			
 
				+          <li><NavLink to="/repos">Repos</NavLink></li>
			
 
				+        </ul>
			
 
				+        {this.props.children}
			
 
				+      </div>
			
 
				+    )
			
 
				+  }
			
 
				+})
			
--- a/lessons/11-productionish-server/modules/Home.js
+++ b/lessons/11-productionish-server/modules/Home.js
@@ -0,0 +1,7 @@
 
				+import React from 'react'
			
 
				+
			
 
				+export default React.createClass({
			
 
				+  render() {
			
 
				+    return <div>Home</div>
			
 
				+  }
			
 
				+})