update with some small changes

Author: ravikanth720

lessons/01-setting-up/README.md

@@ -9,7 +9,7 @@ up our project.
 ## Clone the Tutorial
 
 ```
-git clone https://github.com/reactjs/react-router-tutorial
+git clone <tutorial url>
 cd react-router-tutorial
 cd lessons/01-setting-up
 npm install

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

@@ -2,6 +2,6 @@ import React from 'react'
 
 export default React.createClass({
   render() {
-    return <div>Hello, React Router!</div>
+    return <div>Hello, USA!</div>
   }
 })

lessons/02-rendering-a-route/README.md

@@ -25,7 +25,7 @@ render((
 ```
 
 Make sure your server is running with `npm start` and then visit
-[http://localhost:8080](http://localhost:8080)
+http://localhost:8080
 
 You should get the same screen as before, but this time with some junk
 in the URL. We're using `hashHistory`--it manages the routing history
@@ -79,8 +79,8 @@ render((
 ), document.getElementById('app'))
 ```
 
-Now visit [http://localhost:8080/#/about](http://localhost:8080/#/about) and
-[http://localhost:8080/#/repos](http://localhost:8080/#/repos)
+Now visit http://localhost:8080/#/about and
+http://localhost:8080/#/repos
 
 ---
 

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 Repos from './modules/Repos'
+import About from './modules/About'
+import { Router, Route, hashHistory } from 'react-router'
+
+render((
+  <Router history={hashHistory}>
+    <Route path='/' component={App} >
+      <Route path='/repos' component={Repos} />
+      <Route path='/about' component={About} />
+    </Route>
+
+  </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/App.js

@@ -1,7 +1,23 @@
-import React from 'react'
+import React from 'react';
+import { Link } from 'react-router';
 
 export default React.createClass({
   render() {
-    return <div>Hello, React Router!</div>
+    return(
+    <div>
+      <h3>Hello, React Router!</h3>
+      <ul>
+        <li>
+          <Link to="/repos" >Repos</Link>
+
+        </li>
+        <li>
+            <Link to="/about" activeStyle={{color: 'red'}}>About</Link>
+        </li>
+      </ul>
+
+      {this.props.children}
+    </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>
+  }
+})

lessons/03-navigating-with-link/README.md

@@ -8,7 +8,6 @@ Lets create some navigation in our `App` component.
 
 ```js
 // modules/App.js
-import React from 'react'
 import { Link } from 'react-router'
 
 export default React.createClass({
@@ -26,7 +25,7 @@ export default React.createClass({
 })
 ```
 
-Now visit [http://localhost:8080](http://localhost:8080) and click the links, click back, click
+Now visit http://localhost:8080/ and click the links, click back, click
 forward. It works!
 
 ---

lessons/05-active-links/README.md

@@ -14,7 +14,7 @@ Let's see how it looks with inline styles, add `activeStyle` to your
 <li><Link to="/repos" activeStyle={{ color: 'red' }}>Repos</Link></li>
 ```
 
-Now as you navigate, the active link is red.
+How as you navigate, the active link is red.
 
 ## Active Class Name
 
@@ -47,7 +47,7 @@ our `index.html`.
 ## Nav Link Wrappers
 
 Most links in your site don't need to know they are active, usually just
-primary navigation links need to know. It's useful to wrap those so you
+primary navigation links need to know. Its useful to wrap those so you
 don't have to remember what your `activeClassName` or `activeStyle` is
 everywhere.
 

lessons/06-params/README.md

@@ -3,14 +3,14 @@
 Consider the following urls:
 
 ```
-/repos/reactjs/react-router
+/repos/rackt/react-router
 /repos/facebook/react
 ```
 
 These urls would match a route path like this:
 
 ```
-/repos/:userName/:repoName
+/repos/:userName/:repositoryName
 ```
 
 The parts that start with `:` are url parameters whose values will be
@@ -47,8 +47,9 @@ Now open up `index.js` and add the new route.
 import Repo from './modules/Repo'
 
 render((
-  <Router history={hashHistory}>
+  <Router>
     <Route path="/" component={App}>
+      <IndexRoute component={Home}/>
       <Route path="/repos" component={Repos}/>
       {/* add the new route */}
       <Route path="/repos/:userName/:repoName" component={Repo}/>
@@ -72,7 +73,7 @@ export default React.createClass({
 
         {/* add some links */}
         <ul>
-          <li><Link to="/repos/reactjs/react-router">React Router</Link></li>
+          <li><Link to="/repos/rackt/react-router">React Router</Link></li>
           <li><Link to="/repos/facebook/react">React</Link></li>
         </ul>
 

lessons/07-more-nesting/README.md

@@ -25,7 +25,7 @@ First, nest the `Repo` route under the `Repos` route. Then go render
 <div>
   <h2>Repos</h2>
   <ul>
-    <li><Link to="/repos/reactjs/react-router">React Router</Link></li>
+    <li><Link to="/repos/rackt/react-router">React Router</Link></li>
     <li><Link to="/repos/facebook/react">React</Link></li>
   </ul>
   {/* will render `Repo.js` when at /repos/:userName/:repoName */}
@@ -44,7 +44,7 @@ class name to these links:
 import NavLink from './NavLink'
 
 // ...
-<li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+<li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
 // ...
 ```
 

lessons/07-more-nesting/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><Link to="/repos/reactjs/react-router">React Router</Link></li>
+          <li><Link to="/repos/rackt/react-router">React Router</Link></li>
           <li><Link to="/repos/facebook/react">React</Link></li>
         </ul>
       </div>

lessons/08-index-routes/README.md

@@ -35,7 +35,7 @@ a route like `About` and `Repos` in the future. A few reasons include:
 1. Participating in a data fetching abstraction that relies on matched
    routes and their components.
 2. Participating in `onEnter` hooks
-3. Participating in code-splitting
+3. Participating in code-spliting
 
 Also, it just feels good to keep `App` decoupled from `Home` and let the
 route config decide what to render as the children. Remember, we want to
@@ -69,7 +69,7 @@ render((
 ), document.getElementById('app'))
 ```
 
-Now open [http://localhost:8080](http://localhost:8080) and you'll see the new component is
+Now open http://localhost:8080 and you'll see the new component is
 rendered.
 
 Notice how the `IndexRoute` has no path. It becomes

lessons/08-index-routes/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
         {this.props.children}

lessons/09-index-links/README.md

@@ -26,10 +26,6 @@ index route is rendered.
 First lets use the `IndexLink`
 
 ```js
-// App.js
-import { IndexLink, Link } from 'react-router'
-
-// ...
 <li><IndexLink to="/" activeClassName="active">Home</IndexLink></li>
 ```
 
@@ -42,18 +38,18 @@ We can use `Link` as well by passing it the `onlyActiveOnIndex` prop
 (`IndexLink` just wraps `Link` with this property for convenience).
 
 ```js
-<li><Link to="/" activeClassName="active" onlyActiveOnIndex={true}>Home</Link></li>
+<li><Link to="/" activeClassName="active" onlyActiveOnIndex>Home</Link></li>
 ```
 
 That's fine, but we already abstracted away having to know what the
 `activeClassName` is with `Nav`.
 
-Remember, in `NavLink` we're passing along all of our props to `Link` with
+Remember, in `Nav` we're passing along all of our props to `Link` with
 the `{...spread}` syntax, so we can actually add the prop when we render
 a `NavLink` and it will make its way down to the `Link`:
 
 ```js
-<li><NavLink to="/" onlyActiveOnIndex={true}>Home</NavLink></li>
+<li><NavLink to="/" onlyActiveOnIndex>Home</NavLink></li>
 ```
 
 ---

lessons/09-index-links/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
         {this.props.children}

lessons/10-clean-urls/README.md

@@ -20,7 +20,7 @@ import { Router, Route, browserHistory, IndexRoute } from 'react-router'
 render((
   <Router history={browserHistory}>
     {/* ... */}
-  </Router>
+  <Router>
 ), document.getElementById('app'))
 ```
 

lessons/10-clean-urls/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
         {this.props.children}

lessons/11-productionish-server/README.md

@@ -12,7 +12,7 @@ depending on the environment.
 Let's install a couple modules:
 
 ```
-npm install express if-env compression --save
+npm install if-env compression --save
 ```
 
 First, we'll use the handy `if-env` in `package.json`.  Update your
@@ -31,11 +31,10 @@ Now when we run `npm start` it will check if our `NODE_ENV` is
 production. If it is, we run `npm run start:prod`, if it's not, we run
 `npm run start:dev`.
 
-Now we're ready to create a production server with Express and add a new file at root dir. Here's a
+Now we're ready to create a production server with Express. Here's a
 first attempt:
 
 ```js
-// server.js
 var express = require('express')
 var path = require('path')
 var compression = require('compression')
@@ -58,14 +57,12 @@ app.listen(PORT, function() {
 
 Now run:
 
-```sh
+```
 NODE_ENV=production npm start
-# For Windows users:
-# SET NODE_ENV=production npm start
 ```
 
 Congratulations! You now have a production server for this app. After
-clicking around, try navigating to [http://localhost:8080/package.json](http://localhost:8080/package.json).
+clicking around, try navigating to `http://localhost:8080/package.json`.
 Whoops.  Let's fix that. We're going to shuffle around a couple files and
 update some paths scattered across the app.
 

lessons/11-productionish-server/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
         {this.props.children}

lessons/12-navigating/README.md

@@ -27,7 +27,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
           {/* add this form */}
           <li>

lessons/12-navigating/modules/Repos.js

@@ -7,7 +7,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
         {this.props.children}

lessons/13-server-rendering/README.md

@@ -87,7 +87,7 @@ into it.
 ```js
 // modules/routes.js
 import React from 'react'
-import { Route, IndexRoute } from 'react-router'
+import { Router, Route, browserHistory, IndexRoute } from 'react-router'
 import App from './App'
 import About from './About'
 import Repos from './Repos'

lessons/13-server-rendering/modules/Repos.js

@@ -19,7 +19,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
           <li>
             <form onSubmit={this.handleSubmit}>

lessons/14-whats-next/README.md

@@ -4,8 +4,8 @@ Thanks for sticking with this tutorial all the way to the end!
 
 If you want to learn more:
 
-1. Browse and run the [examples](https://github.com/reactjs/react-router/tree/latest/examples)
-- Read the [docs](https://github.com/reactjs/react-router/tree/latest/docs)
+1. Browse and run the [examples](https://github.com/rackt/react-router/tree/latest/examples)
+- Read the [docs](https://github.com/rackt/react-router/tree/latest/docs)
 - Read the source.
 
 Happy routing!

lessons/14-whats-next/modules/Repos.js

@@ -19,7 +19,7 @@ export default React.createClass({
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/rackt/react-router">React Router</NavLink></li>
           <li><NavLink to="/repos/facebook/react">React</NavLink></li>
           <li>
             <form onSubmit={this.handleSubmit}>

lessons/14-whats-next/public/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>