---
title: React-router
category: React
---
### About
{: .-intro}
-
{% raw %}
### Basic
```js
import { default as Router, Route } from 'react-router'
const routes = (
)
Router.run(routes, Router.HashLocation, (Root) => {
React.render(, document.getElementById('all'))
})
```
### Nesting
```js
const routes = (
)
import { RouteHandler } from 'react-router'
const Chrome = React.createClass({
render () {
return (
App
)
}
})
```
### URL params
```js
var Message = React.createClass({
componentDidMount: function () {
// from the path `/inbox/messages/:id`
var id = this.props.params.id
...
```
### Link
```js
import { Link } from 'react-router'
```
### Other config
```js
```
### Router.create
```js
var router = Router.create({
routes: ...,
location: Router.HistoryLocation
})
router.run((Root) => { ... })
```
### Navigation
```js
import { Navigation } from 'react-router'
React.createClass({
mixins: [ Navigation ], ...
})
this
.transitionTo('user', {id: 10})
.transitionTo('/path')
.transitionTo('http://...')
.replaceWith('about')
.makePath('about') // return URL
.makeHref('about') // return URL
.goBack()
```
{% endraw %}