react-router.md

react-router

前面已经说了Router的重要性，而React的世界里，基本上React Router是用得最多的Router了。前不久刚发布了V4， 改动很大，网上基本找不到太好的资料，不然就是说用V4毁一生的。。。。

但我看了觉得V4的Dynamic Routing以及把Route当成普通的像div一样的Component还比较方便，也很符合React的思想啊， 所以我决定还是讲React Router V4吧。

设计哲学

一般学习新东西，建议看看它的设计思想或者哲学理念，比如React Router V4的设计哲学。

使用

基本使用法

URL参数

权限管理Redirect

跳转前提示Prompt

404（默认匹配）

渲染多个Route

切换动画

Switch只渲染一个Route

Modal Gallery

视频地址： https://www.bilibili.com/video/av15344681/ >

Code Splitting

• https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#code-splitting
• https://serverless-stack.com/chapters/code-splitting-in-create-react-app.html

代码见：https://github.com/magicly/react-homework/tree/master/3-router/chap5-router

Refers

• https://reacttraining.com/react-router/
• https://github.com/ReactTraining/react-router/