React 生态中的路由功能基本由 react-router-dom 承载，不妨通过阅读其源码和细节，一起深入认识前端路由的实现，打开思路，提升大家在搭建项目或扩展路由功能时的工作效率。

本文分析源码版本为17.0.1。虽然React现在已经迭代到18+ 版本了，相信大多数项目还是没有跟进更新的，所以个人认为学习老的版本并不过时。因此后续内容在未特殊说明情况下，默认为Sync模式。

一 前言 今天我们来悉数一下 React 中一些不错的设计模式，这些设计模式能够解决一些功能复杂，逻辑复用 的问题，还能锻炼开发者的设计和编程能力，以为多年开发经验来看，学好这些设计模式，那就是一个字

18年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 目前 v6已是测试最后一版，估计新的特性不出意外就是下面这些了。 <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套…

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re