REACT开发实战 使用REACT以组合方式构建复杂的前端应用程序【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

REACT开发实战 使用REACT以组合方式构建复杂的前端应用程序PDF格式电子书版下载

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

第1章 React入门1

1.1 开始学习之前1

1.1.1 Node.js和npm1

1.1.2 JavaScript ES62

1.2 定义React2

1.3 React的优点2

1.3.1 简单易学的响应式渲染3

1.3.2 使用纯JavaScript进行面向组件开发3

1.3.3 灵活的文档模型抽象表现4

1.4 创建你的第一个React应用程序4

1.4.1 React开发流程4

1.4.2 创建你的第一个组件8

1.4.3 减少输入的字符数量9

1.4.4 动态值10

1.5 将组件组合起来10

1.5.1 props10

1.5.2 呈现看板应用11

1.5.3 定义组件的层次关系13

1.5.4 props的重要性14

1.5.5 创建组件14

1.6 介绍state21

1.7 本章小结23

第2章 深入DOM抽象25

2.1 React中的事件25

2.1.1 DOM事件侦听器25

2.1.2 看板应用：管理DOM事件26

2.2 深入了解JSX27

2.2.1 JSX与HTML28

2.2.2 JSX和HTML的不同之处28

2.2.3 JSX的怪异之处29

2.3 看板应用：指示卡片的打开和关闭状态31

2.3.1 空格32

2.3.2 JSX中的注释33

2.3.3 渲染动态HTML33

2.3.4 看板应用：渲染Markdown33

2.4 脱离JSX的React36

2.4.1 普通JavaScript中的React元素36

2.4.2 元素工厂36

2.4.3 自定义工厂37

2.5 内联样式37

2.5.1 定义内联样式37

2.5.2 看板应用：通过内联样式定义卡片颜色38

2.6 使用表单40

2.6.1 受控组件40

2.6.2 特例42

2.6.3 非受控组件43

2.6.4 看板应用：创建一个任务表单44

2.7 幕后的虚拟DOM44

2.7.1 key属性45

2.7.2 看板应用：key45

2.7.3 refs47

2.8 本章小结48

第3章 使用组件构建应用程序49

3.1 校验属性49

3.1.1 属性的默认值50

3.1.2 内置的propTypes校验器51

3.1.3 为看板应用定义propTypes52

3.1.4 自定义propTypes校验器54

3.2 组件组合的策略与最佳实践55

3.2.1 有状态的组件和单纯组件55

3.2.2 哪些组件应当是有状态组件56

3.2.3 数据流和组件通信59

3.3 组件的生命周期63

3.3.1 声明周期的阶段与函数63

3.3.2 生命周期函数实践：数据获取64

3.4 浅谈不变性67

3.4.1 普通JavaScript中的不变性67

3.4.2 嵌套对象69

3.4.3 React不变性助手70

3.5 看板应用：添加一点复杂性73

3.5.1 从外部API获取初始的卡片数据73

3.5.2 将任务回调以props传递76

3.5.3 处理任务数据80

3.5.4 基本的乐观更新回滚83

3.6 本章小结87

第4章 复杂交互89

4.1 React中的动画89

4.1.1 CSS过渡和动画基础89

4.1.2 ReactCSSTransitionGroup95

4.2 拖放100

4.2.1 ReactDnD实现概述101

4.2.2 ReactDnD实现示例101

4.3 看板应用：支持动画和拖放113

4.3.1 卡片切换动画113

4.3.2 卡片的拖曳115

4.4 本章小结129

第5章 路由131

5.1 使用原生方式实现路由131

5.2 React Router135

5.2.1 Index路由138

5.2.2 带参数的路由139

5.2.3 设置活动链接144

5.2.4 传递props144

5.2.5 将UI界面与URL解耦147

5.2.6 在代码中更改路由149

5.2.7 History库152

5.2.8 看板应用：实现路由功能153

5.3 本章小结166

第6章 结合Flux的React应用程序架构167

6.1 什么是Flux167

6.1.1 Store167

6.1.2 Action168

6.1.3 Dispatcher169

6.2 假想的简单Flux应用程序169

6.3 Flux工具包177

6.3.1 Flux Store工具177

6.3.2 容器组件高阶函数180

6.4 异步Flux181

6.4.1 waitFor：协调Store的更新数序181

6.4.2 异步数据获取184

6.5 AirCheap应用程序184

6.5.1 搭建：项目组织和基本文件184

6.5.2 创建用于获取机场的API助手和Action创建器185

6.5.3 AirportStore188

6.5.4 应用组件189

6.5.5 完成AirCheap应用程序：加载机票194

6.6 改进异步获取数据的实现204

6.7 看板应用：迁移到Flux架构207

6.7.1 重构：创建Flux基本结构并迁移文件207

6.7.2 将数据获取操作迁移到Flux架构212

6.7.3 实现FetchCards Action、API方法调用和Store回调213

6.7.4 将所有卡片和任务Action迁移到Flux架构216

6.7.5 准备功能迁移216

6.7.6 组件225

6.7.7 删除所有组件state231

6.8 本章小结241

第7章 性能调优243

7.1 子级校正过程的工作原理243

7.1.1 批处理243

7.1.2 子树渲染244

7.2 React Perf244

7.2.1 性能测试应用245

7.2.2 安装并使用React Perf248

7.3 shouldComponentUpdate252

7.4 本章小结254

第8章 React同构应用255

8.1 Node.js和Express255

8.2 React同构基础260

8.2.1 创建项目结构260

8.2.2 在服务器端渲染React组件263

8.2.3 在客户端中挂载React266

8.3 路由270

8.3.1 配置内部路由270

8.3.2 动态数据获取271

8.3.3 渲染路由273

8.4 本章小结278

第9章 测试React组件279

9.1 Jest279

9.2 React测试工具281

9.2.1 渲染用于测试的组件281

9.2.2 遍历并查找子节点284

9.2.3 模拟事件285

9.2.4 浅渲染286

9.3 本章小结290

附录 JavaScript 2015291