React 精髓

　　本书面向初中级前端开发者，从头到尾、由浅入深地介绍了使用React实现组件化Web应用的完整流程。作者从React元素、React组件等基本的概念讲起，循序渐进地讨论了组件状态和生命周期，为开发完整的React应用打下了基础。与第三方JavaScript框架集成，以及对React组件进行单元测试，都是开发React应用的重要内容，本书也有详细讲解。最后，为进一步提升React应用的灵活性，作者还以实例展示了如何引入Flux架构，让读者的开发技能更上一层楼。

　　奇舞团（奇虎75Team）是奇虎360公司Web平台部前端工程师和 部分特约嘉宾组成的一个前端团队。他们一起工作学习、一起沉淀、一起分享、一起为前端贡献影响，已经翻译出版多本前端著作。 Artemij Fedosejev现居住在英国伦敦。Artemij擅长JavaScript、Node.js、HTML5、CSS3等现代Web技术。他在创WGSA.net和Microreact.org的前端架构中使用了react.js和Flux，从而起到了关键的作用。Artemij还开发了大量的开源项目，如Snapkite引擎、Snapkite流客户端等项目，可以在他的 GitHub 上找到相关内容 https：//github.com/fedosejev 。

1 给项目预先安装一些有用的工具 ................................................................ 1 了解我们的项目 ....................................................................................................................... 2 安装Node.js 和npm ................................................................................................................ 3 安装Git ................................................................................................................................... 4 从Twitter Streaming API 中获取数据 ..................................................................................... 5 使用Snapkite 引擎来过滤数据 ............................................................................................... 6 创建项目结构 ........................................................................................................................... 9 创建package.json ................................................................................................................... 10 复用Node.js 模块 .................................................................................................................. 11 使用Gulp.js 来构建应用 ....................................................................................................... 12 创建一个网页 ......................................................................................................................... 15 小结 ........................................................................................................................................ 16 2 创建你的第一个React 元素 ..................................................................... 17 理解虚拟DOM ...................................................................................................................... 18 安装React .............................................................................................................................. 19 使用JavaScript 创建React 元素 ........................................................................................... 20 type 参数 ................................................................................................................. 22 props 参数 .......................................................................................................... 22 children 参数 ............................................................................................................ 23 渲染React 元素 ...................................................................................................................... 27 使用JSX 来创建React 元素 ................................................................................................. 28 小结 ........................................................................................................................................ 30 3 创建你的第一个React 组件 ..................................................................... 31 无状态与有状态 ..................................................................................................................... 31 创建第一个无状态React 组件 .............................................................................................. 32 创建第一个有状态React 组件 .............................................................................................. 37 小结 ........................................................................................................................................ 44 4 让React 组件变得可响应 ......................................................................... 45 使用React 解决问题 .............................................................................................................. 45 规划React 应用程序 .............................................................................................................. 47 创建一个React 组件容器 ...................................................................................................... 49 小结 ........................................................................................................................................ 57 5 结合其他库来使用React 组件 .................................................................. 59 在React 组件中使用其他库 .................................................................................................. 59 理解React 组件的生命周期方法 .......................................................................................... 64 挂载方法 ....................................................................................................................... 66 卸载方法 ............................................................................................................................... 71 小结 ........................................................................................................................................ 72 6 更新React 组件 ....................................................................................... 73 理解组件生命周期的更新方法 ............................................................................................. 73 componentWillReceiveProps()方法 .......................................................................................... 74 shouldComponentUpdate()方法 ...................................................................................... 77 componentWillUpdate()方法 ........................................................................................ 77 componentDidUpdate()方法 ......................................................................................... 78 设置React 组件的默认属性 .................................................................................................. 79 验证React 组件的属性 .......................................................................................................... 83 创建Collection 组件 ............................................................................................................. 85 小结 ........................................................................................................................................ 91 7 构建复杂的React 组件 ............................................................................ 93 创建TweetList 组件 ............................................................................................................... 93 创建CollectionControls 组件 ................................................................................................ 98 创建CollectionRenameForm 组件 ...................................................................................... 105 创建Button 组件 .................................................................................................................. 111 创建CollectionExportForm 组件 ......................................................................................... 112 小结 ...................................................................................................................................... 114 8 使用Jest 来测试React 应用程序 ........................................................... 115 为什么要写单元测试 ........................................................................................................... 115 创建测试套件、规范和期望 ............................................................................................... 115 安装并运行Jest .................................................................................................................... 121 创建更多的测试规范和期望 ............................................................................................... 122 测试React 组件 .................................................................................................................... 130 小结 ...................................................................................................................................... 137 9 使用Flux 完善React 架构 ..................................................................... 139 分析当前应用的架构 ........................................................................................................... 139 理解Flux .............................................................................................................................. 142 创建分发器 ........................................................................................................................... 143 创建动作生成器 ................................................................................................................... 144 创建存储 ............................................................................................................................... 145 小结 ...................................................................................................................................... 150 10 使用Flux 提升应用的可维护性 ............................................................. 151 借助Flux 实现解耦 ............................................................................................................. 152 重构Stream 组件 ................................................................................................................. 155 创建CollectionStore ............................................................................................................. 161 创建CollectionActionCreators ............................................................................................. 167 重构Application 组件 .......................................................................................................... 169 重构Collection 组件 ............................................................................................................ 171 重构CollectionControls 组件 .............................................................................................. 175 重构CollectionRenameForm 组件 ...................................................................................... 178 重构TweetList 组件 ............................................................................................................. 180 重构StreamTweet 组件 ........................................................................................................ 181 编译 ...................................................................................................................................... 181