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

坐标React星:React核心思维模型
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2022-02
版次: 1
ISBN: 9787121426599
定价: 108.00
装帧: 其他
页数: 244页
7人买过
  • 本书通过一个奇幻故事的外壳讲解 React 开发的核心思维模型,即如何用 React 的独特方式思考和解决问题。故事主角用脑机进入“Web 宇宙”,登陆“React 星”。通过体验各种离奇见闻,由浅入深地介绍 React 开发的核心知识点,例如声明式和响应式编程、不可变约定、单向数据流、组件组合的运用、组件渲染特性、Hook 的基本原理和常见模式、组件构架设计和State 管理,等等。“让读者在娱乐中学习”,这是作者的初衷。为了帮助读者理解和记忆,本书为每一个思维模型都配备了生动有趣的故事桥段和漫画插图。本书强调揭示各个概念的本质,不光展示“如何做”,更注重解释“为什么”,并辅以实例操作,旨在打开一扇门——鼓励读者深挖基础知识,增强自行推演结论、进一步学习实战知识的能力。本书主要适合对 HTML、CSS、JavaScript、DOM 有一定了解的前端开发者、设计师和高校学生等阅读。 叶凌东是一名软件工程师、科普作者和创业者,致力于创新,热衷于知识分享,信奉终身学习。多年来活跃在软件工程、设计工具、开发与设计协作等领域。2017年创办 LearnReact.Design 网站,至今已经帮助了世界各地数万名设计师和前端工程师提升编程技能,包括来自谷歌、脸书、亚马逊、推特、Uber 等公司的设计师及开发者。所写文章发表于 Smashing Magazine、UX Planet、FreeCodeCamp 等业内知名网站。 第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
  • 内容简介:
    本书通过一个奇幻故事的外壳讲解 React 开发的核心思维模型,即如何用 React 的独特方式思考和解决问题。故事主角用脑机进入“Web 宇宙”,登陆“React 星”。通过体验各种离奇见闻,由浅入深地介绍 React 开发的核心知识点,例如声明式和响应式编程、不可变约定、单向数据流、组件组合的运用、组件渲染特性、Hook 的基本原理和常见模式、组件构架设计和State 管理,等等。“让读者在娱乐中学习”,这是作者的初衷。为了帮助读者理解和记忆,本书为每一个思维模型都配备了生动有趣的故事桥段和漫画插图。本书强调揭示各个概念的本质,不光展示“如何做”,更注重解释“为什么”,并辅以实例操作,旨在打开一扇门——鼓励读者深挖基础知识,增强自行推演结论、进一步学习实战知识的能力。本书主要适合对 HTML、CSS、JavaScript、DOM 有一定了解的前端开发者、设计师和高校学生等阅读。
  • 作者简介:
    叶凌东是一名软件工程师、科普作者和创业者,致力于创新,热衷于知识分享,信奉终身学习。多年来活跃在软件工程、设计工具、开发与设计协作等领域。2017年创办 LearnReact.Design 网站,至今已经帮助了世界各地数万名设计师和前端工程师提升编程技能,包括来自谷歌、脸书、亚马逊、推特、Uber 等公司的设计师及开发者。所写文章发表于 Smashing Magazine、UX Planet、FreeCodeCamp 等业内知名网站。
  • 目录:
    第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
查看详情
相关图书 / 更多
坐标React星:React核心思维模型
坐标比较文学及其他
马弦、马焯荣 著
坐标React星:React核心思维模型
坐标几何学基础.第1卷,迪卡儿坐标
[英]S.L.龙尼 著;赵勇 译
坐标React星:React核心思维模型
坐标协和
美国中华医学基金会北京代表处 编
坐标React星:React核心思维模型
坐标
蔡海光 著
坐标React星:React核心思维模型
坐标测量技术 原书第2版
[德]阿尔伯特·韦克曼(Albert Weckenmann
坐标React星:React核心思维模型
坐标——青年科技工作者的人生定位
翟晓为 编
坐标React星:React核心思维模型
坐标:中国职业经理人调查
中国职业经理人发展研究中心 著;博泓管理咨询有限公司(BHC)
坐标React星:React核心思维模型
坐标中国
国务院国资委新闻中心
坐标React星:React核心思维模型
坐标系与参数方程(选修4-4)
单尊
坐标React星:React核心思维模型
坐标:中国的光荣与梦想 (回顾五千年风云际会 品读十三亿人的中国梦 探究中华民族的伟大复兴之道)
陈举 著
坐标React星:React核心思维模型
坐标法
方运加 编
坐标React星:React核心思维模型
坐标方法(盖尔范德中学生数学思维丛书)
I.、M.Gelfand、E.、G.、Glagoleva 著