React中的路由

从前端路由讲起

在更久远的年代，

静态路由 Static Route

从react-router 4.0版本之后，就不再提供静态路由了，think of routes as components. 之后社区也有@reach/router这样的解决方案。

诚然，组件的形式更符合React的风格，而且更加灵活，也更符合react-router这样一个路由基础库的定位。

但是在我们日常的业务开发中，其实静态路由是更加方便和易于理解查看的。

路由守卫 Route Guard

路由缓存 Keep Alive

预加载 Prefetch

转场动画 Transition Animation

react-routers

本文中的代码实现和功能，都可以在react-routers这个库中找到，欢迎pr。