React 精髓
作者: 费多耶夫
出版时间:2016年版
内容简介
本书面向初中级前端开发者,从头到尾、由浅入深地介绍了使用React实现组件化Web应用的完整流程。作者从React元素、React组件等基本的概念讲起,循序渐进地讨论了组件状态和生命周期,为开发完整的React应用打下了基础。与第三方JavaScript框架集成,以及对React组件进行单元测试,都是开发React应用的重要内容,本书也有详细讲解。最后,为进一步提升React应用的灵活性,作者还以实例展示了如何引入Flux架构,让读者的开发技能更上一层楼。
目录
1给项目预先安装一些有用的工具
了解我们的项目
安装Node.js和npm
安装Git
从TwitterStreamingAPI中获取数据
使用Snapkite引擎来过滤数据
创建项目结构
创建package.json
复用Node.js模块
使用Gulp.js来构建应用
创建一个网页
小结
2创建你的第一个React元素
理解虚拟DOM
安装React
使用JavaScript创建React元素
type参数
props参数
children参数
渲染React元素
使用JSX来创建React元素
小结
3创建你的第一个React组件
无状态与有状态
创建第一个无状态React组件
创建第一个有状态React组件
小结
4让React组件变得可响应
使用React解决问题
规划React应用程序
创建一个React组件容器
小结
5结合其他库来使用React组件
在React组件中使用其他库
理解React组件的生命周期方法
挂载方法
卸载方法
小结
6更新React组件
理解组件生命周期的更新方法
componentWillReceiveProps()方法
shouldComponentUpdate()方法
componentWillUpdate()方法
componentDidUpdate()方法
设置React组件的默认属性
验证React组件的属性
创建Collection组件
小结
7构建复杂的React组件
创建TweetList组件
创建CollectionControls组件
创建CollectionRenameForm组件
创建Button组件
创建CollectionExportForm组件
小结
8使用Jest来测试React应用程序
为什么要写单元测试
创建测试套件、规范和期望
安装并运行Jest
创建更多的测试规范和期望
测试React组件
小结
9使用Flux完善React架构
分析当前应用的架构
理解Flux
创建分发器
创建动作生成器
创建存储
小结
10使用Flux提升应用的可维护性
借助Flux实现解耦
重构Stream组件
创建CollectionStore
创建CollectionActionCreators
重构Application组件
重构Collection组件
重构CollectionControls组件
重构CollectionRenameForm组件
重构TweetList组件
重构StreamTweet组件
编译