React+Redux前端开发实战

随着智能手机和移动互联网的普及，前端技术栈从jQuery到Backbone和Knockout，再到Angular、React和Vue，各大框架此起彼伏。如今，前端开发越来越庞大的应用规模和越来越复杂的交互效果远不是早期前端开发者们所能想象的。基于原生JavaScript来构建这些应用显得异常复杂且难以维护。但拥有创造力的开发者们并没有停下脚步，而是不断地寻求新的解决方案。其中，React逐渐成为各种方案中最耀眼的一门技术，它是众多开发者的智慧结晶。React诞生于Facebook，开源之后立即在前端领域掀起了一股巨浪，得到了众多开发者的青睐。随后，React社区也是蓬勃发展，出现了大量优秀的前端开发工具，为开发者提供了一种不一样的开发体验，也为大家指明了一条充满想象的道路。

前言
第1章React入门
1.1开始学习React之前
1.1.1下载与使用Node.js和NPM
1.1.2模块打包工具之Browserify
1.1.3模块打包工具之Webpack
1.1.4第一个Webpack构建实战
1.1.5Webpackloader实战
1.1.6Webpack配置详解
1.1.7ES6语法
1.2React简介
1.3React的特征
1.3.1组件化
1.3.2虚拟DOM
1.3.3单向数据流
1.4JSX语法
1.4.1JSX简介
1.4.2JSX的转译
1.4.3JSX的用法
1.5HelloWorld实战训练
1.5.1不涉及项目构建的HelloWorld
1.5.2基于Webpack的HelloWorld
1.5.3HelloWorld进阶
第2章React的组件
2.1组件的声明方式
2.1.1ES5写法：React.createClass()
2.1.2ES6写法：React.Component
2.1.3无状态组件
2.2组件的主要成员
2.2.1状态（state）
2.2.2属性（props）
2.2.3render()方法
2.3组件之间的通信
2.3.1父组件向子组件通信
2.3.2子组件向父组件通信
2.3.3跨级组件通信
2.3.4非嵌套组件通信
2.4组件的生命周期
2.4.1组件的挂载
2.4.2数据的更新过程
2.4.3组件的卸载（unmounting）
2.4.4错误处理
2.4.5老版React中的生命周期
2.4.6生命周期整体流程总结
2.5组件化实战训练——TodoList
第3章React的事件与表单
3.1事件系统
3.1.1合成事件的事件代理
3.1.2事件的自动绑定
3.1.3在React中使用原生事件
3.1.4合成事件与原生事件混用
3.2表单（Forms）
3.2.1受控组件
3.2.2非受控组件
3.2.3受控组件和非受控组件对比
3.2.4表单组件的几个重要属性
3.3React的样式处理
3.3.1基本样式设置
3.3.2CSSModules样式设置
第4章React+Redux的数据流管理
4.1Flux架构
4.1.1MVC和MVVM
4.1.2Flux介绍
4.1.3深入Flux
4.1.4Flux的缺点
4.1.5Flux架构小结
4.2Redux状态管理工具
4.2.1Redux简介
4.2.2Redux的使用场景
4.2.3Redux的动机
4.2.4Redux三大特性
4.2.5Redux的组成——拆解商城购物车实例
4.2.6Redux搭配React使用
4.3middleware中间件
4.3.1为何需要middleware
4.3.2深入理解middleware
4.4Redux实战训练——网上书店
4.4.1目录结构
4.4.2应用入口src/index.js
4.4.3Action的创建和触发
4.4.4Reducer的创建
4.4.5UI展示组件的创建
4.4.6发起一个动作Action（添加商品到购物车）
第5章路由
5.1前端路由简介
5.2前端路由的实现原理
5.2.1historyAPI方式
5.2.2Hash方式
5.3react-router路由配置
5.3.1react-router的安装
5.3.2路由配置
5.3.3默认路由
5.3.4路由嵌套
5.3.5重定向
5.4react-router下的history
5.4.1browserHistory模式
5.4.2hashHistory模式
5.4.3createMemoryHistory模式
5.5react-router路由切换
5.5.1Link标签
5.5.2history属性
5.5.3传参
5.6进入和离开的Hook
5.6.1onEnter简介
5.6.2onLeave简介
第6章React的性能及性能优化
6.1diff算法
6.1.1时间复杂度和空间复杂度
6.1.2diff策略
6.1.3key属性
6.2组件重新渲染
6.3PureRender纯渲染
6.4Immutable持久性数据结构库
6.4.1Immutable的作用
6.4.2Immutable的优缺点
6.4.3Immutable和原生JavaScript对象相互转换
6.4.4Immutable中的对象比较
6.4.5Immutable与React配合使用
第7章React服务端渲染
7.1客户端渲染和服务端渲染的区别
7.2在React中实现服务端渲染
7.2.1为何需要服务端渲染
7.2.2服务端渲染中的API
7.2.3渲染方法
7.2.4状态管理
7.2.5Express框架简介
7.2.6路由和HTTP请求
7.3实战训练——服务端渲染
7.3.1项目结构
7.3.2项目实现
第8章自动化测试
8.1测试的作用
8.2单元测试简介
8.3测试工具
8.3.1常见的测试工具
8.3.2React的测试工具
8.3.3单元测试工具Jest
8.3.4单元测试工具Enzyme
8.4Jest和Enzyme实战训练
8.4.1Jest和Enzyme的配置
8.4.2测试From组件视图和单击事件
8.4.3测试ListItems组件视图
第9章实战前言
第1章React入门
1.1开始学习React之前
1.1.1下载与使用Node.js和NPM
1.1.2模块打包工具之Browserify
1.1.3模块打包工具之Webpack
1.1.4第一个Webpack构建实战
1.1.5Webpackloader实战
1.1.6Webpack配置详解
1.1.7ES6语法
1.2React简介
1.3React的特征
1.3.1组件化
1.3.2虚拟DOM
1.3.3单向数据流
1.4JSX语法
1.4.1JSX简介
1.4.2JSX的转译
1.4.3JSX的用法
1.5HelloWorld实战训练
1.5.1不涉及项目构建的HelloWorld
1.5.2基于Webpack的HelloWorld
1.5.3HelloWorld进阶
第2章React的组件
2.1组件的声明方式
2.1.1ES5写法：React.createClass()
2.1.2ES6写法：React.Component
2.1.3无状态组件
2.2组件的主要成员
2.2.1状态（state）
2.2.2属性（props）
2.2.3render()方法
2.3组件之间的通信
2.3.1父组件向子组件通信
2.3.2子组件向父组件通信
2.3.3跨级组件通信
2.3.4非嵌套组件通信
2.4组件的生命周期
2.4.1组件的挂载
2.4.2数据的更新过程
2.4.3组件的卸载（unmounting）
2.4.4错误处理
2.4.5老版React中的生命周期
2.4.6生命周期整体流程总结
2.5组件化实战训练——TodoList
第3章React的事件与表单
3.1事件系统
3.1.1合成事件的事件代理
3.1.2事件的自动绑定
3.1.3在React中使用原生事件
3.1.4合成事件与原生事件混用
3.2表单（Forms）
3.2.1受控组件
3.2.2非受控组件
3.2.3受控组件和非受控组件对比
3.2.4表单组件的几个重要属性
3.3React的样式处理
3.3.1基本样式设置
3.3.2CSSModules样式设置
第4章React+Redux的数据流管理
4.1Flux架构
4.1.1MVC和MVVM
4.1.2Flux介绍
4.1.3深入Flux
4.1.4Flux的缺点
4.1.5Flux架构小结
4.2Redux状态管理工具
4.2.1Redux简介
4.2.2Redux的使用场景
4.2.3Redux的动机
4.2.4Redux三大特性
4.2.5Redux的组成——拆解商城购物车实例
4.2.6Redux搭配React使用
4.3middleware中间件
4.3.1为何需要middleware
4.3.2深入理解middleware
4.4Redux实战训练——网上书店
4.4.1目录结构
4.4.2应用入口src/index.js
4.4.3Action的创建和触发
4.4.4Reducer的创建
4.4.5UI展示组件的创建
4.4.6发起一个动作Action（添加商品到购物车）
第5章路由
5.1前端路由简介
5.2前端路由的实现原理
5.2.1historyAPI方式
5.2.2Hash方式
5.3react-router路由配置
5.3.1react-router的安装
5.3.2路由配置
5.3.3默认路由
5.3.4路由嵌套
5.3.5重定向
5.4react-router下的history
5.4.1browserHistory模式
5.4.2hashHistory模式
5.4.3createMemoryHistory模式
5.5react-router路由切换
5.5.1Link标签
5.5.2history属性
5.5.3传参
5.6进入和离开的Hook
5.6.1onEnter简介
5.6.2onLeave简介
第6章React的性能及性能优化
6.1diff算法
6.1.1时间复杂度和空间复杂度
6.1.2diff策略
6.1.3key属性
6.2组件重新渲染
6.3PureRender纯渲染
6.4Immutable持久性数据结构库
6.4.1Immutable的作用
6.4.2Immutable的优缺点
6.4.3Immutable和原生JavaScript对象相互转换
6.4.4Immutable中的对象比较
6.4.5Immutable与React配合使用
第7章React服务端渲染
7.1客户端渲染和服务端渲染的区别
7.2在React中实现服务端渲染
7.2.1为何需要服务端渲染
7.2.2服务端渲染中的API
7.2.3渲染方法
7.2.4状态管理
7.2.5Express框架简介
7.2.6路由和HTTP请求
7.3实战训练——服务端渲染
7.3.1项目结构
7.3.2项目实现
第8章自动化测试
8.1测试的作用
8.2单元测试简介
8.3测试工具
8.3.1常见的测试工具
8.3.2React的测试工具
8.3.3单元测试工具Jest
8.3.4单元测试工具Enzyme
8.4Jest和Enzyme实战训练
8.4.1Jest和Enzyme的配置
8.4.2测试From组件视图和单击事件
8.4.3测试ListItems组件视图
第9章实战——React+Redux搭建社区项目
9.1项目结构
9.2Less文件处理
9.3路由和Redux配置
9.3.1前期配置
9.3.2路由功能的测试
9.4业务入口
9.5首页
9.5.1头部
9.5.2列表内容
9.6详情页
9.6.1静态页面开发
9.6.2根据id获取详情
9.6.3渲染内容
9.7个人中心
9.7.1分析页面功能
9.7.2模拟用户登录和登出
9.8实战项目回顾React+Redux搭建社区项目
9.1项目结构
9.2Less文件处理
9.3路由和Redux配置
9.3.1前期配置
9.3.2路由功能的测试
9.4业务入口
9.5首页
9.5.1头部
9.5.2列表内容
9.6详情页
9.6.1静态页面开发
9.6.2根据id获取详情
9.6.3渲染内容
9.7个人中心
9.7.1分析页面功能
9.7.2模拟用户登录和登出
9.8实战项目回顾