TA的每日心情 | 开心
2024-9-19 21:14 |
|---|
签到天数: 757 天 [LV.10]以坛为家III
管理员
 
- 积分
- 1312677
|
React实战进阶45讲 极客时间
讲师简介
王沛，现担任 eBay 中国研发中心资深技术专家，负责 eBay 内部前端框架的研发。
是国内第一批 React 的实践者和布道者，创建了 Rekit 开源项目：专属的 React 开发 IDE，目前在 Github 有超过 3000 Star。
曾任职于 IBM 和 SAP，主导了多个 UI 框架和大型云产品的前端架构和开发，在 IBM 期间期间参与 Dojo 开源项目，成为代码贡献者，参与创建和设计了基于 Dojo 的 GridX 项目。
在 InfoQ 发表过多篇文章，撰写过《深入浅出 React》专栏，并在 QCon 大会上做过演讲。出版过书籍《征服 Ajax：Web2.0 开发技术详解》，《Web2.0 界面设计模式》。
课程简介
本课程会由浅入深介绍 React 及相关生态圈项目的基本概念、设计模式、最佳实践以及性能优化方法。教学过程采用 PPT 演示结合代码实践的形式，在讲清楚概念的同时，还会结合具体场景，介绍如何将概念和模式应用到实际案例中。
通过本课程，你将全面学习 React 相关技术，了解其设计模式和最佳实践，掌握使用 React 开发大型项目的能力。 每节课的视频下方都列出了学习之前需要掌握的 React 基础知识点，并提供了相关文档链接。 学习过程中无需在本地搭建 React 环境，直接 fork 我们的在线项目地址即可进行编码实战。
课程收获
全面学习 React 常用技术栈； 深入理解 React 设计模式； 常见场景下的编程实战指南； 掌握用 React 开发大型项目的能力。
适宜人群
有实际项目开发经验的前端开发工程师； iOS、Android 移动应用开发工程师； 对 React 相关技术感兴趣的技术人员。 注意：学习本课程之前，你需要先掌握 HTML、JavaScript 方面的基本知识，简单阅读过 React 的官方文档，并具备前端项目的实际开发经验。
课程目录
第一章 ：React 基础 (10讲)
01 | 课程介绍
02 | React出现的历史背景及特性介绍
03 | 以组件方式考虑UI的构建
04 | JSX的本质 : 不是模板引擎，而是语法糖
05 | React组件的生命周期及其使用场景
06 | 理解Virtual DOM及key属性的作用
07 | 组件设计模式 : 高阶组件和函数作为子组件
08 | 理解新的Context API及其使用场景
09 | 使用脚手架工具创建React项目
10 | 打包和部署
第二章 ：React 生态圈 (12讲)
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
第三章 ：构建可维护可扩展的前端应用 (6讲)
23 | 前端项目的理想架构：可维护、可扩展、可测试、易开发、易建构
24 | 拆分复杂度（1）：按领域模型（feature）组织代码，降低耦合度
25 | 拆分复杂度（2）：如何组织component、action和reducer
26 | 拆分复杂度（3）：如何组织React Router的路由配置
27 | 使用Rekit（1）：创建项目，代码生成和重构
28 | 使用Rekit（2）：遵循最佳实践，保持代码一致性
第四章 ：常见场景的最佳实践 (13讲)
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中拖放的实现
第五章：React性能优化 (5讲)
42 | 性能永远是第一需求：时刻考虑性能问题
43 | 网络性能优化：自动化按需加载
44 | 使用Reselect避免重复计算
45 | 下一代React：异步渲染
46 | 使用Chrome DevTool进行性能调优
|
|
发表于 2020-5-15 20:53:30
发表于 2020-5-17 15:56:07
发表于 2020-5-19 16:45:56
