React.js 16从入门到实战

作品简介

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

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

王金柱编著

作品目录

• 内容简介
• 前　言
• 第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　网站架构应用测试