react router hello world

import React, { ReactDOM, Component, PropTypes } from 'react';
import {render} from 'react-dom';
import { Router, Route, Link, browserHistory} from 'react-router'

/** React router hello world example **/

class App extends Component {

    render() {

        return (
            <div>
                <h1>App component</h1>
                <Link to="/">Hjem</Link>
                <br/>
                <Link to="about">About</Link>
                {this.props.children}
            </div>
        )
    }
}

class About extends Component {

    render() {
        return (
            <div>
                <h1>Kitchen sink component</h1>
            </div>
        )
    }
}

render((
        <Router history={browserHistory}>
            <Route path="/" component={App}>
                <Route path="about" component={About}/>
            </Route>
        </Router>
    ), document.getElementById('app')
);