快速上手React编程PDF|Epub|txt|kindle电子书版本网盘下载

快速上手React编程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第Ⅰ部分 React基础3

第1章 初积React3

1.1 什么是React4

1.2 React解决的问题5

1.3 使用React的好处6

1.3.1 简单性6

1.3.2 速度和可测试性11

1.3.3 生态和社区12

1.4 React的缺点13

1.5 React如何与Web应用集成13

1.5.1 React类库和渲染目标14

1.5.2 单页面应用和React15

1.5.3 React技术栈17

1.6 第一个React项目：Hello World18

1.7 测验21

1.8 小结21

1.9 测验答案22

第2章 React起步23

2.1 内嵌元素23

2.2 创建组件类26

2.3 属性29

2.4 测验34

2.5 小结34

2.6 测验答案34

第3章 JSX35

3.1 JSX是什么？它有什么优点36

3.2 理解JSX38

3.2.1 使用JSX创建元素39

3.2.2 在组件中使用JSX40

3.2.3 在JSX中输出变量41

3.2.4 在JSX中使用属性42

3.2.5 创建React组件的方法46

3.2.6 JSX中的if/else47

3.2.7 JSX中的注释51

3.3 使用Babel设置JSX转译器51

3.4 React和JSX陷阱55

3.4.1 特殊字符56

3.4.2 data-属性56

3.4.3 style属性57

3.4.4 class和for58

3.4.5 布尔类型的属性值58

3.5 测验59

3.6 小结59

3.7 测验答案59

第4章 与状态交互61

4.1 什么是React组件的状态62

4.2 使用状态63

4.2.1 访问状态63

4.2.2 设置初始状态65

4.2.3 更新状态67

4.3 状态和属性70

4.4 无状态组件71

4.5 有状态组件和无状态组件73

4.6 测验77

4.7 小结77

4.8 测验答案78

第5章 React组件生命周期79

5.1 React组件生命周期事件的全景视图80

5.2 事件的分类80

5.3 实现生命周期事件82

5.4 执行所有事件84

5.5 挂载事件86

5.5.1 componentWillMount（）87

5.5.2 componentDidMount（）87

5.6 更新事件90

5.6.1 componentWillReceiveProps（newProps）90

5.6.2 shouldComponentUpdate（）91

5.6.3 componentWillUpdate（）91

5.6.4 componentDidUpdate（）92

5.7 卸载事件92

5.8 一个简单示例92

5.9 测验95

5.10 小结95

5.11 测验答案96

第6章 React事件处理97

6.1 在React中处理DOM事件97

6.1.1 捕获和冒泡阶段100

6.1.2 React事件的内幕102

6.1.3 使用React SyntheticEvent事件对象105

6.1.4 使用事件和状态108

6.1.5 传递事件处理程序和属性109

6.1.6 组件通信112

6.2 响应React不支持的DOM事件113

6.3 React和其他库的集成：jQuery UI事件116

6.3.1 集成按钮116

6.3.2 集成标签118

6.4 测验119

6.5 小结119

6.6 测验答案120

第7章 在React中使用表单121

7.1 在React中使用表单的最佳实践121

7.1.1 在React中定义表单及响应事件123

7.1.2 定义表单元素125

7.1.3 捕获表单变更130

7.1.4 账户字段示例132

7.2 使用表单的其他方式134

7.2.1 可捕获变更的非受控元素135

7.2.2 不捕获变更的非受控元素136

7.2.3 使用引用获取值137

7.2.4 默认值139

7.3 测验140

7.4 小结141

7.5 测验答案141

第8章 扩展React组件143

8.1 组件中的默认属性144

8.2 React属性类型和验证145

8.3 渲染子组件152

8.4 创建React高阶组件以实现代码复用154

8.4.1 使用displayName：用以区分父组件与子组件156

8.4.2 使用扩展运算符：传递所有属性157

8.4.3 使用高阶组件158

8.5 最佳实践：展示组件与容器组件160

8.6 测验161

8.7 小结161

8.8 测验答案162

第9章 项目：菜单组件163

9.1 项目结构和脚手架164

9.2 不使用JSX构建菜单165

9.2.1 Menu组件165

9.2.2 Link组件168

9.2.3 运行菜单组件170

9.3 在JSX中构建菜单171

9.3.1 重构Menu组件172

9.3.2 重构Link组件174

9.3.3 运行JSX项目175

9.4 测验175

9.5 小结176

第10章 项目：Tooltip组件177

10.1 项目结构和脚手架178

10.2 Tooltip组件179

10.2.1 toggle（）函数180

10.2.2 render（）函数181

10.3 运行Tooltip组件183

10.4 测验184

10.5 小结184

第11章 项目：Timer组件185

11.1 项目结构和脚手架186

11.2 应用架构187

11.3 TimerWrapper组件189

11.4 Timer组件193

11.5 Button组件194

11.6 运行Timer组件196

11.7 测验196

11.8 小结197

第Ⅱ部分 React架构201

第12章 Webpack构建工具201

12.1 Webpack的作用201

12.2 添加Webpack到项目中203

12.2.1 安装Webpack及其依赖204

12.2.2 配置Webpack205

12.3 模块化代码207

12.4 运行Webpack并测试构建208

12.5 热模块替换210

12.5.1 配置HMR211

12.5.2 热模块替换实践214

12.6 测验216

12.7 小结216

12.8 测验答案216

第13章 React路由217

13.1 从零开始实现路由218

13.1.1 建立项目219

13.1.2 在app.j sx中创建路由映射220

13.1.3 在routerjsx中创建Router组件221

13.2 React Router222

13.2.1 React Router的JSX样式225

13.2.2 哈希记录227

13.2.3 浏览器记录227

13.2.4 使用Webpack安装React Router开发环境228

13.2.5 创建布局组件230

13.3 React Router特性233

13.3.1 使用withRouter高阶组件访问路由器234

13.3.2 以编程方式导航235

13.3.3 URL参数和其他路由数据235

13.3.4 在React Router中传递属性236

13.4 使用Backbone路由237

13.5 测验240

13.6 小结241

13.7 测验答案241

第14章 使用Redux处理数据243

14.1 React支持单向数据流244

14.2 了解Flux数据体系结构246

14.3 使用Redux数据类库247

14.3.1 用Redux创建依照Netflix的应用249

14.3.2 依赖和配置250

14.3.3 启用Redux253

14.3.4 路由253

14.3.5 合并reducer254

14.3.6 电影的reducer255

14.3.7 操作258

14.3.8 操作创建器259

14.3.9 将组件连接到数据存储260

14.3.10 分发操作262

14.3.11 将操作创建器传递到组件属性中263

14.3.12 运行Netflix的克隆版267

14.3.13 Redux总结268

14.4 测验268

14.5 小结269

14.6 测验答案269

第15章 使用GraphQL处理数据271

15.1 GraphQL272

15.2 给Netflix克隆版应用添加服务器273

15.2.1 在服务器端安装GraphQL275

15.2.2 数据结构278

15.2.3 GraphQL模式279

15.2.4 查询API并将响应保存到数据存储281

15.2.5 显示电影列表285

15.2.6 GraphQL总结287

15.3 测验287

15.4 小结288

15.5 测验答案288

第16章 使用Jest进行单元测试289

16.1 测试的类型290

16.2 为什么使用Jest（对比Mocha）290

16.3 使用Jest进行单元测试291

16.3.1 在Jest中编写单元测试293

16.3.2 Jest断言294

16.4 使用Jest和TestUtils进行React UI测试296

16.4.1 使用TestUtils查找元素298

16.4.2 UI测试密码部件299

16.4.3 浅渲染303

16.5 TestUtils总结305

16.6 测验305

16.7 小结305

16.8 测验答案306

第17章 在Node中使用React和同构JavaScript307

17.1 为什么在服务器端使用React？什么是同构JavaScript？308

17.1.1 正确的页面索引308

17.1.2 更快的加载速度、更好的性能309

17.1.3 更好的代码可维护性310

17.1.4 在React和Node中使用同构JavaScript310

17.2 在Node上使用React312

17.3 React和Express：在服务器端渲染组件314

17.3.1 在服务器端渲染简单的文本315

17.3.2 渲染HTML页面316

17.4 使用Express和React的同构JavaScript322

17.4.1 项目目录结构和配置324

17.4.2 启动服务器325

17.4.3 使用Handlebars的服务器端布局模板329

17.4.4 在服务器上编写React组件332

17.4.5 客户端React代码333

17.4.6 配置Webpack334

17.4.7 运行应用336

17.5 测验340

17.6 小结340

17.7 测验答案340

第18章 使用React Router创建一个网上书店341

18.1 项目结构和Webpack配置343

18.2 HTML主页346

18.3 创建组件347

18.3.1 主文件：app.jsx347

18.3.2 Cart组件353

18.3.3 Checkout组件355

18.3.4 Modal组件356

18.3.5 Product组件357

18.4 启动项目359

18.5 测验359

18.6 小结359

第19章 使用Jest测试密码361

19.1 项目结构和Webpack配置362

19.2 HTML主页365

19.3 实现强密码模块366

19.3.1 测试366

19.3.2 代码367

19.4 实现Password组件369

19.4.1 测试369

19.4.2 代码370

19.5 实践375

19.6 测验376

19.7 小结377

第20章 使用Jest、 Express和MongoDB实现自动完成379

20.1 项目结构和Webpack配置381

20.2 实现Web服务器385

20.2.1 定义RESTful API386

20.2.2 在服务器端渲染React387

20.3 添加浏览器脚本387

20.4 创建服务器端模板388

20.5 实现Autocomplete组件389

20.5.1 Autocomplete组件的测试389

20.5.2 Autocomplete组件的代码390

20.6 整合393

20.7 测验395

20.8 小结396

附录A 安装本书相关应用397

附录B React速查表405

附录C Express速查表413

附录D MongoDB和Mongoose速查表419

附录E ES6简介423