《React设计模式与最佳实践》PDF下载

  • 购买积分:10 如何计算积分?
  • 作  者:(意)米凯莱 贝尔托利(Michele Bertoli)
  • 出 版 社:北京:人民邮电出版社
  • 出版年份:2018
  • ISBN:9787115488756
  • 页数:227 页
图书介绍:本书分为12章,通过介绍React中最具价值的设计模式,展示如何将设计模式和最佳实践应用于现实的新项目和已有项目中。主要内容包括帮助读者理解React的基本概念,学习编写整洁、可维护的代码;优化React组件,使应用拥有更快的速度和响应性;介绍如何有效地编写测试,如何避免反模式,以及开源组件并对React生态系统进行贡献。

第1章 React基础 1

1.1声明式编程 2

1.2React元素 3

1.3忘掉所学的一切 5

1.4常见误解 7

1.5小结 9

第2章 整理代码 10

2.1JSX 10

2.1.1Babel 11

2.1.2Hello,World! 12

2.1.3DOM元素与React组件 13

2.1.4属性 13

2.1.5子元素 13

2.1.6JSX与HTML的区别 14

2.1.7展开属性 17

2.1.8JavaScript模板 17

2.1.9常见模式 17

2.2ESLint 25

2.2.1安装 25

2.2.2配置 25

2.2.3React插件 28

2.2.4Airbnb的配置 29

2.3函数式编程基础 30

2.3.1一等对象 30

2.3.2纯粹性 31

2.3.3不可变性 31

2.3.4柯里化 32

2.3.5组合 33

2.3.6函数式编程与UI 33

2.4小结 33

第3章 开发真正可复用的组件 34

3.1创建类 34

3.1.1createclass工厂方法 35

3.1.2继承React.Component 35

3.1.3主要区别 36

3.1.4无状态函数式组件 40

3.2状态 42

3.2.1外部库 43

3.2.2工作原理 43

3.2.3异步 44

3.2.4React lumberjack 45

3.2.5使用状态 45

3.3prop类型 48

3.4可复用组件 51

3.5可用的风格指南 54

3.6小结 58

第4章 组合一切 59

4.1组件间的通信 59

4.2容器组件与表现组件模式 62

4.3mixin 67

4.4高阶组件 69

4.5recompose 72

4.6函数子组件 76

4.7小结 78

第5章 恰当地获取数据 79

5.1数据流 79

5.1.1子组件与父组件的通信(回调函数) 81

5.1.2公有父组件 82

5.2数据获取 83

5.3react-refetch 88

5.4小结 92

第6章 为浏览器编写代码 93

6.1表单 93

6.1.1自由组件 94

6.1.2受控组件 98

6.1.3JSON schema 100

6.2事件 102

6.3ref 104

6.4动画 108

6.5可扩展矢量图形 110

6.6小结 113

第7章 美化组件 114

7.1CSS in JavaScript 114

7.2行内样式 116

7.3Radium 120

7.4CSS模块 123

7.4.1Webpack 124

7.4.2搭建项目 124

7.4.3局部作用域的CSS 126

7.4.4原子级CSS模块 131

7.4.5React CSS模块 132

7.5Styled Component 133

7.6小结 135

第8章 服务端渲染的乐趣与益处 137

8.1通用应用 137

8.2使用服务端渲染的原因 138

8.2.1SEO 138

8.2.2通用代码库 139

8.2.3性能更强 140

8.2.4不要低估复杂度 140

8.3基础示例 141

8.4数据获取示例 146

8.5Nextjs 149

8.6小结 151

第9章 提升应用性能 153

9.1一致性比较与key属性 153

9.2优化手段 158

9.2.1是否要更新组件 158

9.2.2无状态函数式组件 160

9.3常用解决方案 160

9.3.1why-did-you-update 161

9.3.2在渲染方法中创建函数 162

9.3.3props常量 165

9.3.4重构与良好设计 167

9.4工具与库 172

9.4.1不可变性 172

9.4.2性能监控工具 173

9.4.3Babel插件 174

9.5小结 174

第10章 测试与调试 176

10.1测试的好处 176

10.2用Jest轻松测试JavaScript 178

10.3灵活的测试框架Mocha 184

10.4React JavaScript测试工具 187

10.5真实测试示例 189

10.6React组件树快照测试 195

10.7代码覆盖率工具 198

10.8常用测试方案 199

10.8.1测试高阶组件 199

10.8.2页面对象模式 203

10.9React开发者工具 206

10.10React错误处理 207

10.11小结 209

第11章 需要避免的反模式 210

11.1用prop初始化状态 210

11.2修改状态 212

11.3将数组索引作为key 215

11.4在DOM元素上展开props对象 218

11.5小结 219

第12章 未来的行动 220

12.1为React做贡献 220

12.2分发代码 222

12.3发布npm包 224

12.4小结 225