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

封面

版权信息

作者简介

内容简介

序 Foreword

前言 Preface

第1章 导航相关JavaScript前驱知识

1.1 URI和URL

1.1.1 URI和URL简介

1.1.2 浏览器URI编码

1.2 浏览器记录

1.2.1 history.pushState

1.2.2 history.replaceState

1.2.3 通过相对路径添加和修改浏览器记录

1.2.4 在base元素存在的情况下添加和修改浏览器记录

1.3 在浏览器中跳转

1.3.1 window.history.go

1.3.2 window.history.forward

1.3.3 window.history.back

1.3.4 window.location.href

1.3.5 window.location.hash

1.3.6 window.location.replace

1.4 浏览器相关事件介绍

1.4.1 popstate事件

1.4.2 hashchange事件

1.4.3 手动触发事件

1.5 小结

参考文献

第2章 history库详解

2.1 history库概述

2.2 browserHistory

2.2.1 创建browserHistory

2.2.2 history导航

2.2.3 history监听

2.3 hashHisotry

2.3.1 创建hashHisotry

2.3.2 history导航

2.3.3 history监听

2.3.4 history.createHref

2.4 memoryHistory

2.4.1 创建memoryHistory

2.4.2 history导航

2.4.3 history监听

2.5 history库原理

2.5.1 history库的运行流程

2.5.2 history模拟历史栈

2.5.3 browserHistory事件处理

2.5.4 hashHistory事件处理

2.5.5 history.block原理解析

2.6 history库限制

2.6.1 history.block的使用限制

2.6.2 decodeURI解码问题

2.7 使用history替换页面search和hash示例

2.8 小结

参考文献

第3章 React相关知识

3.1 Context

3.2 Hooks

3.2.1 useState

3.2.2 useEffect

3.2.3 useLayoutEffect

3.2.4 useRef

3.2.5 useMemo

3.2.6 useContext

3.2.7 自定义Hook

3.3 Refs

3.3.1 createRef

3.3.2 forwardRef

3.4 Memo

3.5 小结

参考文献

第4章 认识React Router

4.1 ReactRouter是什么

4.2 React Router版本的演进

4.3 静态路由与动态路由

4.4 使用React Router实现一个工程应用

4.5 小结

第5章 Router

5.1 Router是什么

5.2 Router源码解析

5.2.1 history监听

5.2.2 提供初始Context

5.2.3 提前监听

5.3 BrowserRouter

5.4 HashRouter

5.5 NativeRouter

5.6 StaticRouter

5.7 相关Hooks

5.7.1 useRouterContext

5.7.2 useHistory

5.7.3 useLocation

5.8 小结

参考文献

第6章 Route

6.1 Route是什么

6.2 Route的两个基本要素

6.2.1 Route的第一个要素：path

6.2.2 Route的第二个要素：组件渲染方式

6.3 Route传入组件的3个参数

6.3.1 match