React.js 16从入门到实战

图书标准信息

• 作者 杨炜苗 著
• 出版社 清华大学出版社
• 出版时间 2020-01
• 版次 1
• ISBN 9787302545439
• 定价 69.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 340页
• 字数 563千字

【内容简介】

本书是一本从实战出发，学习React.js 16框架及其相关技术栈的入门与实践书籍。全书内容翔实、重点突出、代码丰富、通俗易懂，涵盖了React.js 16框架开发的方方面面。

 

全书共分为16章，包括React基础开发、React JSX、组件Components、Props参数、State状态和生命周期、事件处理、条件渲染、列表、表单、组合与继承、状态提升、Refs、Router路由与Redux扩展等相关知识内容。另外，为了突出本书项目实战的特性，有针对性地基于React框架及其技术栈讲解了5个实际项目应用，可以帮助读者深入掌握React的开发技巧。

 

本书用于学习React.js 16编程，全书内容简洁、代码精练、重点突出、实例丰富，能够帮助初学者快速掌握React开发方法。同时，对于前端开发人员提高服务器端脚本语言的开发技术水平有非常大的帮助。

 

【作者简介】

王金柱，对JavaScript语言、jQuery框架、Node.js、React等Web前端开发有着独到的经验，并精通HTML/XHTML、CSS与PHP等开发语言的应用。有着10多年丰富的IT从业经历，完成过多家大型央企与上市公司的企业级Web系统平台项目的前端模块开发工作。

 

【目录】

目  录 

第1章  React简介    1 

1.1  React概述    1 

1.2  React优势    1 

1.3  第一个React应用    2 

1.4  React脚手架    5 

1.4.1  关于React脚手架    5 

1.4.2  Node.js与npm    6 

1.4.3  Webpack模块打包器    7 

1.4.4  ES6和Babel    7 

1.4.5  使用create-react-app脚手架开发第一个应用    8 

1.4.6  React项目架构    9 

1.5  React虚拟DOM    10 

1.6  JSX简单入门    14 

1.7  React渲染机制    16 

第2章  React JSX    19 

2.1  JSX介绍    19 

2.2  JSX独立文件    19 

2.3  JSX算术表达式    21 

2.4  JSX条件表达式    23 

2.5  JSX嵌入表达式    24 

2.6  JSX对象表达式    26 

2.7  JSX函数表达式    28 

2.8  JSX增强函数表达式    29 

2.9  JSX数组表达式    32 

2.10  JSX样式表达式    33 

2.11  JSX注释表达式    35 

第3章  React组件与Props    37 

3.1  React组件介绍    37 

3.2  React函数组件    38 

3.3  React类组件    39 

3.4  React组合组件    42 

3.5  React Props介绍    45 

3.6  React Props应用    47 

3.7  React Props只读性    49 

3.8  React Props默认值    52 

3.9  React组件切分与提取    54 

第4章  React State与生命周期    63 

4.1  React State介绍    63 

4.2  关于定时器时钟的思考    65 

4.3  开始封装时钟UI    66 

4.4  实现时钟UI的自动更新    68 

4.5  自我更新的时钟UI类    69 

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

4.7  React生命周期介绍    76 

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

4.9  正确的使用State状态    79 

4.10  自顶向下的数据流    84 

第5章  React事件处理    92 

5.1  React事件介绍    92 

5.2  React单击事件    94 

5.3  React阻止事件默认行为    97 

5.4  React类的事件处理方法    99 

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

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

5.7  实战：开关按钮    109 

5.8  React文本框事件    113 

5.9  实战：水温监控控件    117 

第6章  React条件渲染    122 

6.1  React条件渲染介绍    122 

6.2  元素变量的条件渲染    125 

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

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

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

6.6  实战：改进登录组件    139 

6.7  阻止组件渲染    142 

第7章  React列表与Key    145 

7.1  React列表介绍    145 

7.2  基础列表组件    147 

7.3  多级列表组件    149 

7.4  React Key介绍    152 

7.5  React Key使用    155 

7.6  React通过Key提取组件    157 

7.7  React Key局部唯一性    162 

7.8  React Key有效性    164 

第8章  React表单    168 

8.1  React表单介绍    168 

8.2  表单受控组件    171 

8.3  强制转换大写字母    177 

8.4  校验手机号码格式    181 

8.5  格式化序列号    187 

8.6  文本域关键字    190 

8.7  下拉列表受控组件    194 

8.8  处理多个输入    197 

8.9  React表单提交操作    200 

8.10  React表单提交服务器    205 

8.11  受控组件与非受控组件    210 

第9章  组合与继承    215 

9.1  组合与继承概述    215 

9.2  定义组件容器    215 

9.3  定义子组件    216 

9.4  自定义Props属性    221 

9.5  特例关系组合    223 

9.6  类组合方式确认框    225 

第10章  状态提升    229 

10.1  设计构想    229 

10.2  实现水温监控功能    230 

10.3  加入第二个水温输入框    233 

10.4  同步二个水温输入框    237 

10.5  将水温“状态共享”    240 

10.6  将水温“状态提升”    244 

10.7  实现水温同步换算    249 

第11章  React扩展    255 

11.1  Node.js与React    255 

11.2  Babel与React    256 

11.3  Webpack模块打包器    257 

11.4  Node+Babel+Webpack搭建React环境    261 

11.5  Browserify模块打包器    268 

11.6  React Router与单页面应用    271 

11.7  Redux与React    273 

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

12.1  设计思想    279 

12.2  计数器应用页面    280 

12.3  主入口模块    281 

12.4  视图模块    282 

12.5  Action定义    285 

12.6  Reducer设计    285 

12.7  计数器应用测试    286 

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

13.1  设计思想    289 

13.2  计算器应用页面    290 

13.3  主入口模块    291 

13.4  视图模块    292 

13.5  Action定义    296 

13.6  Reducer设计    297 

13.7  计算器应用测试    299 

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

14.1  设计思想    301 

14.2  主入口模块    303 

14.3  App组件    303 

14.4  视图模块    305 

14.5  Action定义    309 

14.6  Reducer设计    309 

14.7  重构的计算器应用测试    312 

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

15.1  设计思想    313 

15.2  任务管理器应用页面    314 

15.3  主入口模块    315 

15.4  App组件    315 

15.5  AddTodo组件    316 

15.6  VisibleTodoList组件    317 

15.7  Footer组件    320 

15.8  Action定义    322 

15.9  Reducer设计    323 

15.10  任务管理器应用测试    325 

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

16.1  设计思想    328 

16.2  网站架构应用页面    329 

16.3  主入口模块    330 

16.4  App组件    330 

16.5  Reducer设计    332 

16.6  视图组件    335 

16.7  Action定义    338 

16.8  网站架构应用测试    339