设为首页 收藏本站
开启辅助访问 切换到宽版 快捷导航
菜单

编辑推荐

基于 React + Redux/Mobx 搞定复杂项目状态管理

180
回复
4002
查看
  [复制链接]

429

主题

431

帖子

13万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
132853
发表于 2021-12-20 16:30:43 | 显示全部楼层 |阅读模式
基于 React + Redux/Mobx 搞定复杂项目状态管理
主讲:上古鹏课时:17小时
状态管理一直是前端开发中的重点和难点,尤其针对大型复杂项目,状态管理的设计好坏,更关乎项目开发的质量高低。本课程借助一个企业级平台项目的开发,带大家掌握React Context、 Redux、 Mobx 等三大常用 React 状态管理方案,由浅入深,从使用到深度解析源码,力求透彻全面地掌握状管理,让它不再成为你通往高级前端开发路上的绊脚石。
售价 : 38金钱
提取码 : 购买后方可查看

课程介绍







基于react + Redux/Mobx 搞定复杂项目状态管理

依托大型广告营销平台项目,多维度讲解 React 状态管理
状态管理一直是前端开发中的重点和难点,尤其针对大型复杂项目,状态管理的设计好坏,更关乎项目开发的质量高低。本课程借助一个企业级平台项目的开发,带大家掌握React ContextRedux Mobx 等三大常用 React 状态管理方案,由浅入深,从使用到深度解析源码,力求透彻全面地掌握状管理,让它不再成为你通往高级前端开发路上的绊脚石。

适合人群
初入社会的毕业生
1-3 年开发经验的前端开发者
技术储备
Html/Css 基础
基本的 React 知识
JS 交互知识
环境参数
mobx-react ^7.1.0
babel-loader ^8.2.1
ts-loader ^9.2.3
axios^0.21.1
eslint-config-airbnb ^18.2.1
eslint ^7.30.0
webpack-cli ^4.9.1
webpack ^5.4.0
antd ^4.16.7
TypeScript^4.3.5
redux-saga ^1.1.3
redux ^4.1.2
mobx ^6.1.6
react-router-dom ^5.2.0
react-router-config ^5.1.1
“react-dom” “^17.0.1”
react-router ^5.2.0
“react-redux” ^7.2.6
“react” “^17.0.1”

另:
1:基于react + Redux/Mobx 搞定复杂项目状态管理来自某课网,原价299,由编程猿整理发布!编程猿承诺,本站所有课程百分百高清,完整,原画,包含所有的视频+素材+课件+源码,官方同步体验!
2:本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地,方便快捷!
3: 所有课程全部支持试看任何章节,可通过点击右侧官方微信扫码添加要求试看!
4:官方品质,信誉保证,本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新,感谢同学们的信任与支持,保证让同学们满意!
5:所有课程都会包更新,只要官方更新本站延迟2-3天就会更新。
6:爱好学习,一直提升自己的小伙伴可以
开通会员,享受全站免金币无限制畅快学习!
7:点击下方链接进行试看,在线看默认流畅,调节成原画,最好直接下载到本地是超清
试看链接:https://pan.baidu.com/s/1PxGi1Ho8tEwqK26_Ql7PTQ
提取码:p47t
如需咨询请点击
章节目录:
第1章 了解互联网广告营销业务及其背后的技术 试看3 节 | 33分钟
互联网广告业务可以说是每个大型互联网公司中的核心业务,广告营销是互联网公司盈利的一个非常重要的方式。本章将会介绍大型互联网公司广告营销方面常用策略及方式,同时介绍广告营销业务背后的核心技术。

收起列表
视频:
1-1 导学(课程简介) (12:32)
试看
视频:
1-2 课程大纲及学习路线 (09:38)
视频:
1-3 互联网广告及其背后的技术 (10:14)
第2章 从零到一完成前端工程架构之基础篇 试看12 节 | 109分钟
本章将会介绍如何从零到一完成一个前端工程,包括使用webpack初始化一个前端工程,eslint配置,typescript配置,react-router配置,基础组件库antd配置等。

收起列表
图文:
2-1 本章概述
视频:
2-2 初始化一个React前端工程(上) (19:27)
视频:
2-3 初始化一个React前端工程(下) (21:04)
图文:
2-4 扩展:使用 Create React App 创建工程并修改其工程配置
视频:
2-5 git提交规范 (11:06)
试看
视频:
2-6 eslint相关配置 (08:35)
试看
视频:
2-7 Typescript相关配置 (17:46)
视频:
2-8 前端路由 React Router 相关配置-上 (04:40)
视频:
2-9 前端路由 React Router 相关配置-中 (11:19)
视频:
2-10 前端路由 React Router 相关配置-下 (08:39)
视频:
2-11 基础组件库 antd 相关配置 (04:20)
视频:
2-12 本章小结 (01:44)
第3章 从零到一完成前端工程架构之进阶篇11 节 | 89分钟
一个好的前端工程可以大大提升开发效率,同时提升代码稳定性和规范性。本章将会介绍如何做前端工程架构的优化,包括打包性能优化,打包文件拆分,mock配置等。

收起列表
图文:
3-1 本章概述
视频:
3-2 js 与 css 文件打包分离 (11:49)
图文:
3-3 扩展:UmiJS
视频:
3-4 本地mock配置(上) (13:18)
视频:
3-5 本地mock配置(下) (08:26)
视频:
3-6 远程 mock 配置(上) (09:02)
视频:
3-7 远程 mock 配置(下) (12:28)
视频:
3-8 前端工程性能优化(本小节留有课后作业) (15:01)
视频:
3-9 前端工程开发代码工具库配置(上) (10:05)
视频:
3-10 前端工程开发代码工具库配置(下) (06:44)
视频:
3-11 本章小结 (02:07)
第4章 慕课营销平台页面开发15 节 | 139分钟
本章将会介绍如何做大型项目页面的开发,体会互联网大厂资深前端工程师在大型项目中页面开发时的思路,包括页面布局与组件设计原则、父子组件的通信机制、如何实现交互复杂的业务组件等。

收起列表
图文:
4-1 本章概述
视频:
4-2 页面布局与组件设计(上) (07:49)
视频:
4-3 页面布局与组件设计(中) (12:34)
视频:
4-4 Header 组件开发(上) (16:41)
视频:
4-5 页面布局与组件设计(下) (10:45)
视频:
4-6 Header 组件开发(下) (16:12)
视频:
4-7 DataTrend 组件开发(上) (12:05)
视频:
4-8 DataTrend 组件开发(中) (12:16)
视频:
4-9 DataTrend 组件开发(下) (10:20)
视频:
4-10 PromotionCard 组件开发(上) (09:31)
视频:
4-11 PromotionCard 组件开发(下) (06:53)
视频:
4-12 ProductCard 组件开发 (09:11)
视频:
4-13 Account 组件开发 (08:33)
视频:
4-14 本章小结 (05:31)
图文:
4-15 扩展:React 类组件、函数组件及高阶组件
第5章 慕课营销平台搜索推广页面开发12 节 | 140分钟
本章将会介绍慕课营销平台搜索推广页面的开发,重点介绍如何做页面中组件及代码的复用,如何做到代码开发的高效与可维护。

收起列表
图文:
5-1 本章概述
视频:
5-2 搜索推广页面布局与组件设计(上) (11:20)
视频:
5-3 搜索推广页面布局与组件设计(下) (10:31)
视频:
5-4 Header 及 DataTrend 组件复用(上) (11:30)
视频:
5-5 Header 及 DataTrend 组件复用(下) (12:21)
视频:
5-6 搜索推广页 Account 组件开发 (11:54)
视频:
5-7 WaveAnalysis 组件开发(上) (08:50)
视频:
5-8 WaveAnalysis 组件开发(中) (15:15)
视频:
5-9 WaveAnalysis 组件开发(下) (18:25)
视频:
5-10 UserPortrait 组件开发及 Footer 组件复用 (17:57)
视频:
5-11 UserPortrait 组件开发及 Footer 组件复用 (17:57)
视频:
5-12 本章小结 (03:55)
第6章 使用 React Context 实现应用状态管理8 节 | 72分钟
本章将会介绍React官方为我们提供的公共状态管理工具 React Context,并且使用React Context来完成应用中全局状态的管理。了解React Context的使用方式,也会为我们后面探究react-redux和mobx-react工具的内部原理有一定的帮助。

收起列表
图文:
6-1 本章概述
视频:
6-2 React 中的状态管理 (05:28)
视频:
6-3 认识 React Context (15:20)
视频:
6-4 使用 React Context 实现公共状态管理(上) (16:39)
视频:
6-5 使用 React Context 实现公共状态管理(下) (04:55)
视频:
6-6 前端工程性能优化(上) (08:03)
视频:
6-7 前端工程性能优化(下) (15:09)
视频:
6-8 本章小结 (05:35)
第7章 使用 Redux 实现应用状态管理20 节 | 231分钟
本章将会介绍React生态中常用的第三方状态管理方案Redux的核心思想、使用方式以及其高级工具如redux-thunk和redux-saga中间件的使用等。

收起列表
图文:
7-1 本章概述
视频:
7-2 认识 Redux (08:31)
视频:
7-3 跟着官方文档学习 Redux(上) (09:26)
视频:
7-4 跟着官方文档学习 Redux(中) (09:47)
视频:
7-5 跟着官方文档学习 Redux(下) (11:05)
视频:
7-6 通过官方demo学习 Redux (11:15)
视频:
7-7 使用 React-Redux 优化计数器应用程序(上) (11:07)
视频:
7-8 使用 React-Redux 优化计数器应用程序(下) (09:39)
视频:
7-9 通过 redux-thunk 了解 Redux 中间件(上) (08:59)
视频:
7-10 通过 redux-thunk 了解 Redux 中间件(下) (18:25)
视频:
7-11 了解Redux 中的异步解决方案与 redux-saga使方式(上) (14:49)
视频:
7-12 了解Redux 中的异步解决方案与 redux-saga使方式(中) (12:06)
视频:
7-13 了解Redux 中的异步解决方案与 redux-saga使方式(下) (21:17)
视频:
7-14 使用 Redux + redux-saga 实现慕课营销平台的状态管理(上) (11:31)
视频:
7-15 使用 Redux + redux-saga 实现慕课营销平台的状态管理(中) (14:35)
视频:
7-16 使用 Redux + redux-saga 实现慕课营销平台的状态管理(下) (24:20)
视频:
7-17 使用require.context 优化React + Redux 工程架构(上) (11:41)
视频:
7-18 使用require.context 优化React + Redux 工程架构(下) (15:05)
视频:
7-19 本章小结 (06:32)
图文:
7-20 讨论题:关于 Redux 的常见面试题
第8章 使用 Mobx 实现应用状态管理11 节 | 104分钟
本章将会介绍 React 生态中常用的第三方状态管理方案 Mobx 的核心思想、配套工具及使用方式。

收起列表
图文:
8-1 本章概述
视频:
8-2 认识 Mobx (03:26)
视频:
8-3 学习 Mobx 核心 API 及其设计理念(上) (12:31)
视频:
8-4 学习 Mobx 核心 API 及其设计理念(下) (11:06)
视频:
8-5 使用 Hooks 实现搜索推广页弹窗组件(上) (12:14)
视频:
8-6 使用 Hooks 实现搜索推广页弹窗组件(下) (10:33)
视频:
8-7 使用 Mobx + mobx-react 实现慕课营销平台的状态管理(上) (17:31)
视频:
8-8 使用 Mobx + mobx-react 实现慕课营销平台的状态管理(中) (12:04)
视频:
8-9 使用 Mobx + mobx-react 实现慕课营销平台的状态管理(下) (19:36)
视频:
8-10 本章小结 (04:05)
图文:
8-11 讨论题:关于 Mobx 的常见面试题
第9章 Redux 和 Mobx 原理解析8 节 | 97分钟
本章将会介绍Redux 和Mobx 的内部运行机制,核心内容包括 a. Redux 和Mobx 内部如何维护state并监听state的变化 b. state发生变化后,Redux 和Mobx 如何让view 层进行更新渲染 c. react-redux和mobx-react中Provider组件的实现原理

收起列表
图文:
9-1 本章概述
视频:
9-2 观察者模式及其应用分析 (23:00)
视频:
9-3 redux与react-redux源码中的核心技术点分析(上) (13:34)
视频:
9-4 redux与react-redux源码中的核心技术点分析(下) (22:48)
视频:
9-5 mobx与mobx-react 源码中的核心技术点分析(上) (20:24)
视频:
9-6 mobx与mobx-react 源码中的核心技术点分析(下) (10:20)
视频:
9-7 本章小结 (06:28)
图文:
9-8 扩展:聊一聊 React Hook
第10章 课程总结2 节 | 19分钟
本章将会介绍本门课程做一个整体的总结。

收起列表
视频:
10-1 课程总结 (13:01)
视频:
10-2 补充:Uncaught Error- MobX injector- Store 'store' is not available (05:53)
本课程已完结

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

0

主题

391

帖子

783

积分

高级会员

Rank: 4

积分
783
发表于 2021-12-20 17:55:19 | 显示全部楼层
很好哈,源码整理的非常好。
回复

使用道具 举报

0

主题

393

帖子

787

积分

高级会员

Rank: 4

积分
787
发表于 2021-12-20 22:52:35 | 显示全部楼层
我来的是不是有点晚?这么热闹的一个论坛我竟然今天在发现!
回复

使用道具 举报

0

主题

399

帖子

799

积分

高级会员

Rank: 4

积分
799
发表于 2021-12-21 09:45:00 | 显示全部楼层
真是 收益 匪浅
回复

使用道具 举报

0

主题

395

帖子

791

积分

高级会员

Rank: 4

积分
791
发表于 2021-12-21 10:24:58 | 显示全部楼层
真的不错呀 好评!!!
回复

使用道具 举报

0

主题

395

帖子

791

积分

高级会员

Rank: 4

积分
791
发表于 2021-12-21 14:29:03 | 显示全部楼层
相当不错,感谢无私分享精神!
回复

使用道具 举报

0

主题

401

帖子

803

积分

高级会员

Rank: 4

积分
803
发表于 2021-12-21 20:26:18 | 显示全部楼层
这门课程我还没看完,先给帮忙顶一下吧,课程质量是非常不错的,非常清晰,课件源码视频啥的都有。
回复

使用道具 举报

0

主题

397

帖子

795

积分

高级会员

Rank: 4

积分
795
发表于 2021-12-22 08:49:30 | 显示全部楼层
有没有大神艾特一下我,我想请帮一个忙,有偿!!!
回复

使用道具 举报

0

主题

392

帖子

784

积分

高级会员

Rank: 4

积分
784
发表于 2021-12-22 18:39:24 | 显示全部楼层
沙发!沙发!
回复

使用道具 举报

0

主题

391

帖子

783

积分

高级会员

Rank: 4

积分
783
发表于 2021-12-23 08:51:17 | 显示全部楼层
沙发!沙发!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则