坐标React星:React核心思维模型

第1 章　重返React 星 / 1
1．1 墙上的洞 / 2
1．1．1 上帝视角：代码例子 / 4
1．1．2 让它动起来 / 5
1．1．3 State / 7
1．1．4 模板：将数据从用户界面中分离 / 8
1．2 仪式之二 / 9
1．2．1 声明式与命令式 / 10
1．2．2 响应式 / 14
1．3 初展神迹 / 15
1．3．1 获取文本框内容 / 17
1．3．2 将新内容写回文本框 / 19
1．3．3 修复文本框 / 20
1．3．4 在 React 代码里使用 CSS 样式 / 21
1．4 拍照墙的伪装 / 23
1．4．1 JSX / 25
1．4．2 JSX 的属性 / 26
1．4．3 嵌套标签 / 26
1．4．4 _jsx 的返回值 / 28
1．4．5 原来就是一个表达式 / 28
1．4．6 理解 JSX 和 HTML 的区别 / 29
1．5 手翻书 / 31
1．6 诱饵 / 35
1．6．1 墙怪爱吃表达式 / 36
1．6．2 两种“洞” / 38
1．6．3 条件显示 / 39
1．6．4 数组 / 40
1．7 不能修葺的房子 / 42
1．7．1 不可变约定 / 43
1．7．2 State 中的对象 / 44
1．7．3 State 中的其他类型值 / 45
1．7．4 immer / 46
1．7．5 为什么要不可变 / 49
1．8 笔记强迫症 / 50

第2 章 摩组城 / 53
2．1 摩组城鸟瞰 / 55
2．1．1 自定义 JSX 标签 / 57
2．1．2 组件的写法 / 58
2．1．3 “哑”组件 / 60
2．2 组件的组合 / 61
2．2．1 包含关系 / 62
2．2．2 动态包含 / 64
2．2．3 特例化 / 66
2．2．4 组件引用 / 66
2．3 周而复始的面试 / 67
2．3．1 重复不断地渲染 / 68
2．3．2 渲染必须快 / 70
2．3．3 State 笔记本 / 70
2．3．4 异步操作不能等 / 71
2．3．5 渲染要“纯粹” / 72
2．4 传送工程师的接力 / 74
2．4．1 单向数据流 / 77
2．4．2 数据所有者和消费者 / 81
2．5 单向电梯 / 82
2．5．1 prop drilling / 85
2．5．2 Context / 87
2．5．3 prop drilling 的其他解决办法 / 88
2．6 便携式虫洞 / 88
2．6．1 从下往上传数据 / 91
2．6．2 在楼下交付文件 / 93
2．6．3 下放控制权 / 94
2．6．4 通过 Context 传递回调函数 / 94
2．6．5 JavaScript 中的回调函数 / 96
2．7 笔记 / 96

第3 章 瑞海惊魂 / 99
3．1 古典帆船 / 100
3．2 遭遇胡克船长 / 102
3．3 风向急变 / 106
3．3．1 从外部环境中“勾”回新功能 / 108
3．3．2 保存数据以备下次渲染 / 110
3．3．3 保存只读数据 / 111
3．3．4 保存可变数据，更改时触发渲染 / 113
3．3．5 保存可变数据，更改时不触发
渲染 / 118
3．4 尤日伊费克特大副 / 122
3．4．1 useEffect 的用法 / 123
3．4．2 Hook 的优越性 / 125
3．5 大副的真正职责 / 126
3．5．1 副作用（side effect） / 128
3．5．2 为何要用 useEffect 管理副作用 / 130
3．5．3 副作用同步 / 132
3．5．4 依赖数组详解 / 134
3．5．5 组件思维模型 / 137
3．5．6 事件处理器中的副作用 / 139
3．5．7 其他同步 / 141
3．6 戒律清规 / 141
3．6．1 Hook 使用规则 / 143
3．6．2 山寨 useState / 147
3．6．3 保存多个状态 / 150
3．6．4 任性违规 / 153
3．7 条件扔钩 / 158
3．7．1 有条件地使用 Hook / 159
3．7．2 分拆到子组件 / 160
3．7．3 在 Hook 内部讲条件 / 161
3．7．4 一直调用，条件使用 / 161
3．7．5 自律 / 162
3．8 铁钩特勤编队 / 163
3．8．1 自定义 Hook / 164
3．8．2 函数组合的威力 / 167
3．8．3 状态逻辑 / 169
3．9 笔记 / 171

第4 章 灵缘幻境 / 175
4．1 React 星的祈祷 / 177
4．2 项目组织结构 / 181
4．3 评判准则和实施策略 / 182
4．4 从静态出发 / 183
4．4．1 占位符 / 184
4．4．2 重复部分 / 186
4．5 文件和目录结构 / 188
4．5．1 一个组件一个文件？ / 188
4．5．2 目录结构 / 189
4．6 何时划分组件 / 190
4．7 业务逻辑 / 193
4．7．1 容器和表现层组件 / 193
4．7．2 使用自定义 Hook / 195
4．7．3 容器、表现层组件和Storybook / 197
4．8 State 管理 / 201
4．8．1 State 简化 / 201
4．8．2 提升 State / 204
4．8．3 State 放哪里 / 207
4．9 回程 / 212

第5 章 后 记 / 215
5．1 样式方案 / 217
5．2 应用框架 / 218
5．3 表单 / 218
5．4 路由 / 219
5．5 State 管理 / 220
5．6 开发辅助工具 / 222
5．7 性能优化 / 223
5．8 测试 / 225
5．9 类组件及相关 / 226
5．10 TypeScript / 227
5．11 前沿技术 / 228