深入理解React Router：从原理到实践

《深入理解React Router：从原理到实践》从基础内容出发，详细梳理了浏览器的基础导航能力、history库的使用及原理，以及React Hooks等基础知识，帮助读者学习并掌握React Router的前驱知识。同时，本书从React Router的发展历程、技术演变出发，介绍了React Router的设计思路，并通过路由器、路由端口、导航三要素，引出React Router的基本使用方法，并对源码进行了全面解析。此外，本书各章使用React Hooks穿插了30余个案例，在兼顾实用性、可扩展性的同时，为读者学习与理解React Router提供了全面丰富的素材。通过阅读本书，读者不仅可以融会贯通地掌握React Router，而且能提升对前端路由的认识，并掌握前端领域路由的设计思路与方法。

《深入理解React Router：从原理到实践...

(展开全部)

《深入理解React Router：从原理到实践》从基础内容出发，详细梳理了浏览器的基础导航能力、history库的使用及原理，以及React Hooks等基础知识，帮助读者学习并掌握React Router的前驱知识。同时，本书从React Router的发展历程、技术演变出发，介绍了React Router的设计思路，并通过路由器、路由端口、导航三要素，引出React Router的基本使用方法，并对源码进行了全面解析。此外，本书各章使用React Hooks穿插了30余个案例，在兼顾实用性、可扩展性的同时，为读者学习与理解React Router提供了全面丰富的素材。通过阅读本书，读者不仅可以融会贯通地掌握React Router，而且能提升对前端路由的认识，并掌握前端领域路由的设计思路与方法。

《深入理解React Router：从原理到实践》适合有JavaScript或TypeScript基础，想要学习使用React Router，或对React Router实现原理和工程实践感兴趣的开发者阅读。

第1章 导航相关JavaScript前驱知识 1
1.1 URI和URL 1
1.1.1 URI和URL简介 1
1.1.2 浏览器URI编码 3
1.2 浏览器记录 4
1.2.1 history.pushState 5
· · · · · · (更多)

第1章 导航相关JavaScript前驱知识 1
1.1 URI和URL 1
1.1.1 URI和URL简介 1
1.1.2 浏览器URI编码 3
1.2 浏览器记录 4
1.2.1 history.pushState 5
1.2.2 history.replaceState 9
1.2.3 通过相对路径添加和修改浏览器记录 11
1.2.4 在base元素存在的情况下添加和修改浏览器记录 14
1.3 在浏览器中跳转 15
1.3.1 window.history.go 15
1.3.2 window.history.forward 16
1.3.3 window.history.back 16
1.3.4 window.location.href 17
1.3.5 window.location.hash 17
1.3.6 window.location.replace 18
1.4 浏览器相关事件介绍 19
1.4.1 popstate事件 19
1.4.2 hashchange事件 21
1.4.3 手动触发事件 22
1.5 小结 24
参考文献 24
第2章 history库详解 26
2.1 history库概述 26
2.2 browserHistory 32
2.2.1 创建browserHistory 32
2.2.2 history导航 33
2.2.3 history监听 37
2.3 hashHisotry 38
2.3.1 创建hashHisotry 38
2.3.2 history导航 40
2.3.3 history监听 45
2.3.4 history.createHref 47
2.4 memoryHistory 49
2.4.1 创建memoryHistory 49
2.4.2 history导航 50
2.4.3 history监听 53
2.5 history库原理 54
2.5.1 history库的运行流程 54
2.5.2 history模拟历史栈 55
2.5.3 browserHistory事件处理 57
2.5.4 hashHistory事件处理 58
2.5.5 history.block原理解析 60
2.6 history库限制 63
2.6.1 history.block的使用限制 63
2.6.2 decodeURI解码问题 64
2.7 使用history替换页面search和hash示例 70
2.8 小结 71
参考文献 71
第3章 React相关知识 72
3.1 Context 72
3.2 Hooks 76
3.2.1 useState 76
3.2.2 useEffect 78
3.2.3 useLayoutEffect 84
3.2.4 useRef 86
3.2.5 useMemo 87
3.2.6 useContext 89
3.2.7 自定义Hook 89
3.3 Refs 90
3.3.1 createRef 90
3.3.2 forwardRef 91
3.4 Memo 91
3.5 小结 94
参考文献 94
第4章 认识React Router 95
4.1 React Router是什么 95
4.2 React Router版本的演进 96
4.3 静态路由与动态路由 97
4.4 使用React Router实现一个工程应用 98
4.5 小结 107
第5章 Router 109
5.1 Router是什么 109
5.2 Router源码解析 110
5.2.1 history监听 110
5.2.2 提供初始Context 110
5.2.3 提前监听 113
5.3 BrowserRouter 113
5.4 HashRouter 114
5.5 NativeRouter 115
5.6 StaticRouter 116
5.7 相关Hooks 121
5.7.1 useRouterContext 122
5.7.2 useHistory 122
5.7.3 useLocation 123
5.8 小结 124
参考文献 124
· · · · · · (收起)