React Router [![Travis][build-badge]][build] [![npm package][npm-badge]][npm]

React Router is a complete routing library for React.

React Router keeps your UI in sync with the URL. It has a simple API with powerful features like lazy code loading, dynamic route matching, and location transition handling built right in. Make the URL your first thought, not an after-thought.

[![Codecov][codecov-badge]][codecov]
[![Discord][discord-badge]][discord]

$3

The next version of React Router (4.0) has been released! Check out the master branch.

4.0 Documentation

$3

- Tutorial – do this first!
- Guides and API docs (v2, v3)
- Troubleshooting guide
- Changelog
- Stack Overflow
- CodePen boilerplate for bug reports

Older Versions:

- 0.13.x - docs / guides / code / upgrade guide
- 1.0.x - docs / code / upgrade guide

For questions and support, please visit our channel on Reactiflux or Stack Overflow.

$3

We support all browsers and environments where React runs.

$3

Using npm:

$ npm install --save react-router

Then with a module bundler like webpack that supports either CommonJS or ES2015 modules, use as you would anything else:

``js
// using an ES6 transpiler, like babel
import { Router, Route, Link } from 'react-router'

// not using an ES6 transpiler
var Router = require('react-router').Router
var Route = require('react-router').Route
var Link = require('react-router').Link
`

The UMD build is also available on unpkg:

`html

`

You can find the library on window.ReactRouter.

$3

`js
import React from 'react'
import { render } from 'react-dom'
import { Router, Route, Link, browserHistory } from 'react-router'

const App = React.createClass({/.../})
const About = React.createClass({/.../})
const NoMatch = React.createClass({/.../})

const Users = React.createClass({
render() {
return (