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
· · · · · · (收起)
今天的文章 2026年react精髓（react经验）分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/34439.html