[框架] React实战进阶45讲

释放双眼,带上耳机,听听看~!
[框架] React实战进阶45讲

课程目录:

第一章 :React 基础

01 | React出现的历史背景及特性介绍

02 | 以组件方式考虑UI的构建

03 | JSX 的本质 : 不是模板引擎,而是语法糖

04 | React组件的生命周期及其使用场景

05 | 理解 Virtual DOM 及 key 属性的作用

06 | 组件设计模式 : 高阶组件和函数作为子组件

07 | 理解新的 Context API 及其使用场景

08 | 使用脚手架工具创建 React 项目

09 | 打包和部署

第二章 :React 生态圈

10 | Redux(1) : 前端为何需要状态管理库

11 | Redux(2) : 深入理解 Store, Action, Reducer

12 | Redux(3) : 在React中使用Redux

13 | Redux(4) : 理解异步 Action,Redux 中间件

14 | Redux(5) : 如何组织Action和Reducer

15 | Redux(6) : 理解不可变数据(Immutability)

16 | React Router(1):路由不只是页面切换,更是代码组织方式

17 | React Router(2):参数定义,嵌套路由的使用场景

18 | UI组件库对比和介绍:Ant.Design,Material UI,Semantic UI

19 | 使用Next.js创建React同构应用

20 | 使用Jest,Enzyme等工具进行单元测试

21 | 常用开发调试工具:ESLint,Prettier,React DevTool,Redux DevTool

第三章 :构建可维护可扩展的前端应用

22 | 前端项目的理想架构:可维护,可扩展,可测试,易开发,易建构

23 | 拆分复杂度(1):按领域模型(feature)组织代码,降低耦合度

24 | 拆分复杂度(2):如何组织component,action和reducer

25 | 拆分复杂度(3):如何组织React Router的路由配置

26 | 使用Rekit(1):创建项目,代码生成和重构

27 | 使用Rekit(2):遵循最佳实践,保持代码一致性

第四章 :常见场景的最佳实践

28 | 使用React Router管理登录和授权

29 | 实现表单(1):初始数据,提交和跳转

30 | 实现表单(2):错误处理,动态表单元素,内容动态加载

31 | 列表页(1):搜索,数据缓存和分页

32 | 列表页(2):缓存更新,加载状态,错误处理

33 | 页面数据需要来源多个请求的处理

34 | 内容页的加载与缓存

35 | 基于React Router实现分布操作

36 | 常见页面布局的实现

37 | 使用 React Portals 实现对话框,使用 antd 对话框

38 | 集成第三方JS库:以 d3.js 为例

39 | 基于路由实现菜单导航

40 | React 中拖放的实现

第五章:React性能优化

41 | 性能永远是第一需求:时刻考虑性能问题

42 | 网络性能优化:自动化按需加载

43 | 使用Reselect避免重复计算

44 | 下一代 React:异步渲染

45 | 使用Chrome DevTool进行性能调优

下载地址:

内容投诉
前端开发

[框架] 开课2018Web全栈架构师精品课程

2018-11-15 11:08:36

前端开发

[框架] layUI前端框架使用详解_layUI前端框架视频教程

2018-11-15 11:15:06

搜索