React.js 16从入门到实战电子书

内容简介

前 言

第1章 React简介

1.1 React概述

1.2 React优势

1.3 第一个React应用

1.4 React脚手架

1.5 React虚拟DOM

1.6 JSX简单入门

1.7 React渲染机制

第2章 React JSX

2.1 JSX介绍

2.2 JSX独立文件

2.3 JSX算术表达式

2.4 JSX条件表达式

2.5 JSX嵌入表达式

2.6 JSX对象表达式

2.7 JSX函数表达式

2.8 JSX增强函数表达式

2.9 JSX数组表达式

2.10 JSX样式表达式

2.11 JSX注释表达式

第3章 React组件与Props

3.1 React组件介绍

3.2 React函数组件

3.3 React类组件

3.4 React组合组件

3.5 React Props介绍

3.6 React Props应用

3.7 React Props只读性

3.8 React Props默认值

3.9 React组件切分与提取

第4章 React State与生命周期

4.1 React State介绍

4.2 关于定时器时钟的思考

4.3 开始封装时钟UI

4.4 实现时钟UI的自动更新

4.5 自我更新的时钟UI类

4.6 在时钟组件类中引入State状态

4.7 React生命周期介绍

4.8 在时钟组件类中使用生命周期

4.9 正确的使用State状态

4.10 自顶向下的数据流

第5章 React事件处理

5.1 React事件介绍

5.2 React单击事件

5.3 React阻止事件默认行为

5.4 React类的事件处理方法

5.5 绑定回调方法的其他方式

5.6 在事件处理方法中传递参数

5.7 实战：开关按钮

5.8 React文本框事件

5.9 实战：水温监控控件

第6章 React条件渲染

6.1 React条件渲染介绍

6.2 元素变量的条件渲染

6.3 逻辑“与”运算符的条件渲染

6.4 逻辑“或”运算符的条件渲染

6.5 三元逻辑表达式的条件渲染

6.6 实战：改进登录组件

6.7 阻止组件渲染

第7章 React列表与Key

7.1 React列表介绍

7.2 基础列表组件

7.3 多级列表组件

7.4 React Key介绍

7.5 React Key使用

7.6 React通过Key提取组件

7.7 React Key局部唯一性

7.8 React Key有效性

第8章 React表单

8.1 React表单介绍

8.2 表单受控组件

8.3 强制转换大写字母

8.4 校验手机号码格式

8.5 格式化序列号

8.6 文本域关键字

8.7 下拉列表受控组件

8.8 处理多个输入

8.9 React表单提交操作

8.10 React表单提交服务器

8.11 受控组件与非受控组件

第9章 组合与继承

9.1 组合与继承概述

9.2 定义组件容器

9.3 定义子组件

9.4 自定义Props属性

9.5 特例关系组合

9.6 类组合方式确认框

第10章 状态提升

10.1 设计构想

10.2 实现水温监控功能

10.3 加入第二个水温输入框

10.4 同步二个水温输入框

10.5 将水温“状态共享”

10.6 将水温“状态提升”

10.7 实现水温同步换算

第11章 React扩展

11.1 Node.js与React

11.2 Babel与React

11.3 Webpack模块打包器

11.4 Node+Babel+Webpack搭建React环境

11.5 Browserify模块打包器

11.6 React Router与单页面应用

11.7 Redux与React

第12章 实战1：基于React + Redux实现计数器应用

12.1 设计思想

12.2 计数器应用页面

12.3 主入口模块

12.4 视图模块

12.5 Action定义

12.6 Reducer设计

12.7 计数器应用测试

第13章 实战2：基于React+Redux实现计算器应用

13.1 设计思想

13.2 计算器应用页面

13.3 主入口模块

13.4 视图模块

13.5 Action定义

13.6 Reducer设计

13.7 计算器应用测试

第14章 实战3：基于Provider容器组件重构计算器应用

14.1 设计思想

14.2 主入口模块

14.3 App组件

14.4 视图模块

14.5 Action定义

14.6 Reducer设计

14.7 重构的计算器应用测试

第15章 实战4：基于Redux实现任务管理器应用

15.1 设计思想

15.2 任务管理器应用页面

15.3 主入口模块

15.4 App组件

15.5 AddTodo组件

15.6 VisibleTodoList组件

15.7 Footer组件

15.8 Action定义

15.9 Reducer设计

15.10 任务管理器应用测试

第16章 实战5：基于React+Router+Redux的网站架构

16.1 设计思想

16.2 网站架构应用页面

16.3 主入口模块

16.4 App组件

16.5 Reducer设计

16.6 视图组件

16.7 Action定义

16.8 网站架构应用测试