React精髓_前端开发教程

资源名称：React精髓

内容简介：

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

作者简介：

ArtemijFedosejev是一位技术大牛，现居住在英国伦敦。他从2000 年开始自学Web开发，并成为了一位Web 开发者。Artemij在爱尔兰的科克大学获得了计算机科学学士学位。他还参加了Ignite 的商业研究生创新计划，在那里开发和创建的网站获得了最具创新项目奖。

毕业后，Artemij移居伦敦，帮助当地创业公司开发产品。Artemij擅长 Javaｓｃｒｉｐｔ、Node.js、HTML5、CSS3 等现代Web 技术。在创业公司获得一些经验以后，Artemij获得了一个加入伦敦皇家学院的机会，从事研究和开发工作，在公共卫士领域规划和主导了一些Web 应用程序。他在创WGSA.net 和Microreact.org 的前端架构中使用了React.js 和Flux，从而起到了关键的作用。Artemij还开发了大量的开源项目，如Snapkite引擎、Snapkite流客户端等项目，可以在他的 GitHub 上（https://github.com/fedosejev）找到相关内容。他也是http://react.tips website 网站的作者。

我深深地感谢我的家人，在我努力的过程中他们一直支持我。有了他们的爱和奉献，我才能一直把重点放在学习新鲜事物上，然后传授给别人。特别感谢AlexBush不断扩展我对软件开发方式的认识。同时，这本书的编写少不了DavidAanensen博士和MirkoMenegazzo的支持。最后，我要感谢我的编辑和给我这个机会的Packt出版社的好心人，让我可以给世界各地的开发者分享我的知识和经验。

资源目录：

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

使用Javaｓｃｒｉｐｔ 创建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

资源截图：