React精髓.[英]Artemij Fedosejev(带详细书签).pdf
费多耶夫编*的《React精髓》面向初中级前端 开发者,从头到尾、由浅入深地介绍了使用React实 现组件化Web应用的完整流程。作者从React元素、 React组件等基本的概念讲起,循序渐进地讨论了组 件状态和生命周期,为开发完整的React应用打下了 基础。与第三方JavaScript框架集成,以及对React 组件进行单元测试,都是开发React应用的重要内容 ,本书也有详细讲解。*后,为进一步提升React应 用的灵活性,作者还以实例展示了如何引入Flux架构 ,让读者的开发技能*上一层楼。 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 创建CollecationActionCreators 167 重构Application组件 169 重构Collection组件 171 重构CollectionControls组件 175 重构CollectionRenameForm组件 178 重构TweetList组件 180 重构StreamTweet组件 181 编译 181 中获取数据 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 创建CollecationActionCreators 167 重构Application组件 169 重构Collection组件 171 重构CollectionControls组件 175 重构CollectionRenameForm组件 178 重构TweetList组件 180 重构StreamTweet组件 181 编译 181
用户评论