React 实战进阶 45 讲 
35694 人已学习
新⼈⾸单¥68
课程目录
已完结/共 46 讲
第一章 ：React 基础 (10讲)
时长 01:50
时长 07:31
时长 10:40
时长 08:02
时长 14:27
时长 10:20
时长 10:20
时长 09:12
时长 08:10
时长 08:59
第二章 ：React 生态圈 (12讲)
时长 07:47
时长 07:34
时长 08:49
时长 06:16
时长 12:14
时长 13:48
时长 14:05
第三章 ：构建可维护可扩展的前端应用 (6讲)
时长 07:10
时长 09:48
时长 18:24
时长 13:00
第四章 ：常见场景的最佳实践 (13讲)
时长 13:04
时长 15:34
时长 10:34
时长 14:52
时长 09:49
时长 11:56
时长 07:42
时长 11:14
时长 15:26
时长 09:11
时长 12:02
时长 08:13
时长 16:20
第五章：React性能优化 (5讲)
时长 06:38
时长 10:18
时长 14:56
时长 14:43
时长 11:27
React 实战进阶 45 讲
登录|注册
当前播放: 46 | 使用Chrome DevTool进行性能调优&结课测试
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
付费课程，可试看
01 | 课程介绍
02 | React出现的历史背景及特性介绍
03 | 以组件方式考虑UI的构建
04 | JSX的本质 : 不是模板引擎，而是语法糖
05 | React组件的生命周期及其使用场景
06 | 理解Virtual DOM及key属性的作用
07 | 组件设计模式 : 高阶组件和函数作为子组件
08 | 理解新的Context API及其使用场景
09 | 使用脚手架工具创建React项目
10 | 打包和部署
11 | Redux（1） : 前端为何需要状态管理库
12 | Redux（2） : 深入理解Store、Action、Reducer
13 | Redux（3） : 在React中使用Redux
14 | Redux（4） : 理解异步Action、Redux中间件
15 | Redux（5） : 如何组织Action和Reducer
16 | Redux（6） : 理解不可变数据（Immutability）
17 | React Router（1）：路由不只是页面切换，更是代码组织方式
18 | React Router（2）：参数定义，嵌套路由的使用场景
19 | UI组件库对比和介绍：Ant.Design、Material UI、Semantic UI
20 | 使用Next.js创建React同构应用
21 | 使用Jest、Enzyme等工具进行单元测试
22 | 常用开发调试工具：ESLint、Prettier、React DevTool、Redux DevTool
23 | 前端项目的理想架构：可维护、可扩展、可测试、易开发、易建构
24 | 拆分复杂度（1）：按领域模型（feature）组织代码，降低耦合度
25 | 拆分复杂度（2）：如何组织component、action和reducer
26 | 拆分复杂度（3）：如何组织React Router的路由配置
27 | 使用Rekit（1）：创建项目，代码生成和重构
28 | 使用Rekit（2）：遵循最佳实践，保持代码一致性
29 | 使用React Router管理登录和授权
30 | 实现表单（1）：初始数据，提交和跳转
31 | 实现表单（2）：错误处理，动态表单元素，内容动态加载
32 | 列表页（1）：搜索，数据缓存和分页
33 | 列表页（2）：缓存更新，加载状态，错误处理
34 | 页面数据需要来源多个请求的处理
35 | 内容页的加载与缓存
36 | 基于React Router实现分步操作
37 | 常见页面布局的实现
38 | 使用React Portals实现对话框，使用antd对话框
39 | 集成第三方JS库：以d3.js为例
40 | 基于路由实现菜单导航
41 | React中拖放的实现
42 | 性能永远是第一需求：时刻考虑性能问题
43 | 网络性能优化：自动化按需加载
44 | 使用Reselect避免重复计算
45 | 下一代React：异步渲染
46 | 使用Chrome DevTool进行性能调优&结课测试
本节摘要
你好，我是王沛。
到这里，《React 实战进阶 45 讲》这门课程就全部结束了。我给你准备了一个结课小测试，来帮助你检验自己的学习效果。
这套测试题共有 10 道题目，2 道单选题，8 道多选题，满分 100 分，系统自动评分。
还等什么，点击下面按钮开始测试吧！
另外，一路走来，我非常想听听你对我和这个课程的看法，把你的反馈和建议写下来吧。
登录 后留言
全部留言(26)
- 最新
- 精选
ezra.xu
今天看到王老师本人了，德国中心一号楼，本来想打声招呼，碰巧你刚出去，我刚进来，都是步履匆匆……外包进的ebay，也是挺尴尬的，希望有机会能向老师继续学习……
作者回复: 哈哈，这么巧，有机会可以聊聊，内部邮箱应该能找到😁
2018-09-18
8
MirGhojam
意犹未尽！本来喜欢晚上看电影和打dota的我，王老师的课有着别样的吸引力。通过你的课程以前模糊的概念现在清晰了，以前觉得高深莫测的代码现在变的易于理解了，在此特别感谢你，也祝你平安。
作者回复: 感谢支持，受宠若惊☺️
2018-11-21
5
无脚鸟
一直跟随着更新，全部看完了，收获挺多的，很喜欢老师的讲课风格，井井有条，慢条斯理。个人工作一直使用Vue开发，业余学习React，学完感觉Vue和React有很多相似点也有不同点。想请老师对比一下使用Vue和React开发各自的优劣，以及老师更看好它们哪一种未来的发展？烦请老师予以启示！
作者回复: 谢谢肯定！React 和 Vue 没有绝对的优劣之分，熟练掌握其中一个都能进行高效前端开发。正如你所说，两者的相似度还是很高的，开发思路掌握了，用哪个都可以。可以看到的未来是 React 即将发布 Asynchronous Rendering，为此React 几乎完全重写，相信会给大型应用带来大幅性能提升。
2018-08-19
5
Juntíng
对于 react 更新版本，后续会有更新嘛？
作者回复: 最近会有每日一课介绍 React Hooks 和 React.lazy 。
2019-08-21
2
2
pyhhou
谢谢老师，最近在做一个React的项目，可以说是react零基础，但是听了老师的课心里面很有条理也很有信心，相信做项目的时候再回过头来看会更加的有体会，期待老师的其他课程，感谢老师，也祝老师工作生活一切顺利～
作者回复: 谢谢支持！
2018-12-18
2
Geek_0b2691
提纲挈领，老师您真的做到了，很有收获，谢谢老师愿意花时间把知识经验分享出来，真的感谢！老师辛苦了！
作者回复: 客气了，多谢支持~~
2018-12-03
2
moocss
没有谁好谁坏，就看你的使用场景了，个人喜好了。比如我喜欢用Vuejs写webapp和小中后台。我用Reactjs写中台还有混合App开发。
作者回复: 谢谢回复，的确如此，自己用的顺手就好！
2018-08-21
1
随缘_NJ
非常棒，初学者，能该课程掌握全局，纲很重要！
作者回复: 感谢支持！
2018-12-06
jeffacode
不知道能不能再开一门课讲讲使用chrome devtool优化react的案例？这种是多年经验的总结，却能真正帮助我们找到性能优化的痛点。
作者回复: 如课程中提到，性能问题主要还是需要在日常代码中随时进行检查，所谓经验，不是使用 devTool 调优的经验，而是知道怎样写代码是性能较好的方式。Chrome 的 devTool 使用上并不复杂，提供的能力也就是分析到哪些函数，组件执行时间较长，个人感觉并不是一个难点。
2018-11-29
janeluck
非常感谢老师！
讲解到了很多常见业务场景的痛点。
帮助自己梳理了react应用生态系统，也开阔了视野，提高了程序设计的思维高度。
这种课程太少啦，意犹未尽，不知道老师还有没有新的课程要出
作者回复: 感谢支持！
2018-10-13
收起评论