1. React Router是完整的路由解决方案 #

React Router保持UI与URL同步。它拥有简单与强大的API,例如

• 代码延迟
• 动态路由匹配
• 路径过滤

1. 打通基本的开发环境 #

2. 使用react-router跑通路由 #

• Router 是一个路由容器
• Route 是每一条路由
• hashHistory 在前端使用路由

import { Router, Route, hashHistory } from 'react-router'
const router = (
  <Router history={ browserHistory }>
    <Route path="/" components={ App }>
    </Route>
  </Router>
)
render(router, document.getElementById('app'))

3. 使用Link组件进行导航切换 #

4. 路由的嵌套使用 #

5. ActiveClassName和activeStyle设置路由激活状态 #

6. params路由参数 #

7. 复杂的路由嵌套 #

8. IndexRoute #

9. IndexLink #

10. 如何使用browserHistory #

11. 如何使用线上环境 #

12. navgating #

13. 服务器渲染 #