Chris Minnick是一位多产的作家、博主、培训师、演说家和Web工程师。他创立的WatzThis？公司，一直致力于寻找更好的方法向初学者教授计算机和编程技能。

Chris拥有超过25年的全栈开发经验，他也是一名教龄超过10年的培训师，曾在世界许多大公司以及公共图书馆、工作室和研讨会上教授Web开发、ReactJS和高级JavaScript课程。

Minnick已撰写或与他人合著了十多本针对成人和儿童的技术书籍，包括Beginning HTML5 and CSS3 for Dummies、Coding with JavaScript for Dummies、JavaScript for Kids、Adventures in Coding和Writing Computer Code。

第1章  Hello,World！ 1

1.1  在没有工具链的情况下

如何使用React 1

1.2  使用Create React App

和JSX创建交互式

“Hello,World”应用程序 6

1.3  本章小结 7

第2章  React基础 9

2.1  React名称的由来 9

2.2  UI层 10

2.3  虚拟DOM 11

2.4  React的原理 12

2.4.1  关于组件 12

2.4.2  组合与继承 13

2.4.3  React是声明式的 13

2.4.4  React是惯用语 14

2.4.5  为什么要学习React 15

2.4.6  React与其他框架的

比较 15

2.4.7  React不是什么 17

2.5  本章小结 18

第3章  JSX 21

3.1  JSX不是HTML 21

3.2  什么是JSX 26

3.2.1  JSX的工作方式 26

3.2.2  转译器 28

3.3  JSX的语法基础 29

3.3.1  JSX是JavaScript XML 29

3.3.2  避免使用保留字 30

3.3.3  JSX使用驼峰式命

名法 30

3.3.4  为DOM元素中的自定义

属性加上data-前缀 30

3.3.5  JSX布尔属性 31

3.3.6  使用花括号包含

JavaScript字面量 31

3.3.7  何时在JSX中使用

JavaScript 32

3.3.8  JSX中的条件 32

3.3.9  JSX中的表达式 34

3.3.10  在JSX中使用子

元素 35

3.3.11  React Fragment 36

3.3.12  本章小结 37

第4章  组件 39

4.1  什么是组件 39

4.2  组件和元素 40

4.2.1  组件定义元素 40

4.2.2  元素调用组件 41

4.3 内置组件 42

4.3.1  HTML元素组件 42

4.3.2  Attributes和Props 46

4.4  用户定义的组件 50

4.5  组件类型 51

4.5.1  类组件 51

4.5.2  逐步了解React类

组件 60

4.5.3  函数组件 67

4.5.4  函数组件和类组件的

区别 75

4.6  React子组件 75

4.6.1  this.props.children 75

4.6.2  Children的用法 76

4.7  组件的生命周期 79

4.7.1  挂载 79

4.7.2  更新 80

4.7.3  卸载 82

4.7.4  错误处理 82

4.7.5  提高性能并避免错误 82

4.8  渲染组件 87

4.8.1  用ReactDOM渲染 87

4.8.2  虚拟DOM 88

4.8.3  其他渲染引擎 89

4.9  组件的术语 91

4.10  本章小结 92

第5章  React DevTools 93

5.1  安装和入门 93

5.2  检查组件 95

5.2.1  使用组件树 96

5.2.2  搜索组件 97

5.2.3  筛选组件 99

5.2.4  选择组件 100

5.3  在DevTools中编辑组件

数据 101

5.4  使用额外的DevTools

功能 103

5.5  性能分析 104

5.6  本章小结 106

第6章  React数据流 107

6.1  单向数据流 107

6.1.1  理解单向数据流 108

6.1.2  为什么使用单向

数据流 109

6.2  Props 110

6.2.1  组件接收Props 110

6.2.2  Props可以是任何数据

类型 110

6.2.3  Props是只读的 111

6.2.4  使用PropType验证

传入的Props 112

6.2.5  默认Props 123

6.3  ReactState 127

6.3.1  什么是state 127

6.3.2  初始化state 127

6.3.3  state和props的区别 130

6.3.4  更新状态 130

6.3.5  状态中应包含的

内容 140

6.3.6  构建Reminders应用

程序 141

6.3.7  状态中不应包含的

内容 147

6.3.8  放置状态的位置 147

6.3.9  状态提升 148

6.3.10  关于key Prop 154

6.3.11  筛选提醒 160

6.3.12  实现isComplete

更改功能 164

6.4  转换为类组件 166

6.5  本章小结 173

第7章  事件 175

7.1  React中事件的运行

机制 175

7.2  什么是SyntheticEvent 177

7.3  使用事件侦听器属性 178

7.4  Event对象 178

7.5  支持的事件 180

7.6  事件处理函数 184

7.6.1  编写内联事件处理

程序 184

7.6.2  在函数组件中编写

事件处理程序 185

7.6.3  在类组件中编写

事件处理程序 186

7.6.4  绑定事件处理程序

函数 187

7.6.5  将数据传递给

事件处理程序 190

7.7  本章小结 191