Basic settings for react-router

app.js

/*
* Module dependencies
*/

import React from 'react';
import { Router, Route, Link } from 'react-router'


class App extends React.Component {
  render(){
    return <div>
        <h1>App</h1>
        <ul>
          <li><Link to="/user">User</Link></li>
          <li><Link to="/about">about</Link></li>
        </ul>
        {this.props.children}
      </div>
  }
}

class About extends React.Component{
  render(){
    return <p>You are in About View</p>
  }
}


class User extends React.Component{
  render(){
    return <p>You are in User View</p>
  }
}

let routes = <Router>
      <Route path="/" component={App}>
        <Route path="about" component={About} />
        <Route path="user" component={User} />
      </Route>
    </Router>

React.render(routes, document.getElementById('container'));

package.json

{
  "name": "example-route-react",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "author": "gon250",
  "license": "ISC",
  "dependencies": {
    "babelify": "^6.3.0",
    "browserify": "^11.2.0",
    "react": "^0.13.3",
    "react-router": "^1.0.0-rc1"
  },
  "scripts": {
    "build": "browserify -t babelify app.js > build.js"
  }
}