热点推荐

查看: 7470|回复: 11

[React.Js] 51CTO 彻底征服React.Js + Flux + Redux 实战

[复制链接]

1418

主题

1532

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
39191
发表于 2018-2-1 02:34:58 | 显示全部楼层 |阅读模式
51CTO 彻底征服React.Js + Flux + Redux 实战



课程目标
这套课程不止于入门而已,而是让学员通过这套课程精通 React.js 技术。

适用人群
node.js 开发人员,Express.js开发人员,Web开发人员,Javascript程序员。

课程简介
React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。 然后当底层的数据变了,React 会自动处理所有用户界面的更新。 当数据变化了,React 概念上是类似点击了更新的按钮,但仅会更新变化的部分。 事实上,通过 React 你唯一要做的事情就是构建组件。
这套课程不止于入门而已,而是让学员通过这套课程精通 React.js 技术。

课程目录
第一章:课程介绍
1 课程介绍   6:18  
2 问答方法与原则 (新) 2:04  

第二章:第一个 React 应用程序
1 配置基础运行环境 8:32  
2 UI 设计与需求分析 9:23  
3 把 HTML 嵌入到 javascript 4:28  
4 划分出多个组件 9:27  
5 通过属性代替固化数据 3:15  
6 内部状态数据与添加功能的实现 8:29  
7 ItemEditor 删除功能的实现 19:15  
8 ItemEditor 保持功能的实现 6:27  
9 编辑 Item 功能的实现 7:48  
10 本章知识点总结 9:41  
11 对第一个应用程序的优化 17:51  
* ~8 ~( {0 ~IT时代吧 ]8 H: z: o1 _
第三章:JSX 用法
1 JSX 的本质 5:30  
2 属性与行内样式 5:20  
3 三元运算与复杂判断 6:05  
4 根节点的个性 2:41  
5 总结 5:11  
& j0 A# b/ E2 Owww.itsd8.com2 Y3 s+ m$ q
第四章:创建组件
1 Component 与 Element 的特殊关系 20:37  
2 创建 Component 的两种方式与区别 18:57  
3 修复上一课时BUG 1:29  


第五章:组件的生命周期
1 组件生命周期的原理 8:36  
2 初始化阶段 10:35  
3 装载阶段 10:36  
4 更新阶段 16:29  
5 卸载阶段与生命周期总结 6:19  
6 总结 13:33  
7 通过实例代码掌握生命周期的知识点(上) 17:48  
8 通过实例代码掌握生命周期的知识点(下) 23:36  
4 I( m" |( N*IT D1 ]. h
* f9 f2it p, v  D
第六章:组件的属性
1 表单属性 22:17  
2 refs属性 8:00  


第七章:组件的事件
1 键盘事件实例讲解 11:43  
2 鼠标事件实例讲解 24:55  
3 自定义事件实例讲解 6:39  
* |6 N' H& y" U0it `1 d% u# C5 f

第八章:组件之间的通信
1 父与子组件的通信 19:00  
2 子与父组件的通信 8:43  
3 事件总线通信 31:25  


第九章:props与state的博弈
1 props vs state 的选择原则 12:36  


第一十章:实用工具
1 动画效果 22:18  
2 数据双向绑定 19:33  
第一十一章:开发环境
1 配置模块化开发环境 19:53  

4 G0 N, L" cit* \  q4 C
第一十二章:树组件开发实战
1 树组件开发实战(一) 19:03  
2 树组件开发实战(二) 10:22  
3 树组件开发实战(三) 17:04  
4 树组件开发实战(四) 18:09  
5 树组件开发实战(五) 21:21  
6 树组件开发实战(六) 13:57  
7 树组件开发实战(七) 16:21  
8 树组件开发实战(八) 14:47  
2 x) X( L& ]it8 S% a+ `

第一十三章:FLUX架构
1 flux 架构概述 8:59  
2 实战编码悟透Store 27:57  
3 实战编码悟透 Actions 19:14  
4 实战编码悟透 Dispatcher 23:45  
5 实战编码悟透 Actions 与 Web API 合理的调用方式 22:04  

9 E1 |2it U- F( `" N
第一十四章:Facebook Flux
1 Dispatcher 源码解析(一) 18:06  
2 Dispatcher 源码解析(二) 5:08  
3 Store 源码分析与实例扩展 17:58  
4 实例复习与巩固 16:41  
5 ReduceStore 源码分析与实例扩展 18:21  
6 Container 工具 10:03  
4 D* P- ^$ its) j: b+ P

第一十五章:Reflux
1 Reflux 与 Flux 的区别 7:42  
2 创建第一个 Action 2:54  
3 触发 Action 的多种方式 3:59  
4 Action hooks 6:43  
5 异步结果 11:54  
6 一次性创建多个 Action 3:36  
7 创建第一个 Store 7:25  
8 store 监听 action 的方式 8:34  
9 React + Reflux 小程序 15:28  


第一十六章:Redux
1 Redux 与 Flux 、Reflux 整体上区别 15:35  
2 解决状态数据多的问题 6:08  
3 大数据状态对象如何更改 13:16  
4 自己开发一个 redux 22:56  
5 redux 中间件的原理与原型开发 26:34  
6 优化自己开发的 Redux 16:31  
7 官网 Redux 的基本使用方式 5:19  
8 通过思维导图讲解 Redux 的整体架构 24:25  
9 得到store的方法集合及其原理 15:37  
10 拆分 Reducers 38:21  
11 创建 Action 的多种方式 17:59  
12 使用 applyMiddleware 装载中间件 11:17  
13 开发 thunk 异步 action 解析的中间件 15:55  
14 开发 promise 异步 action 解析的中间件 6:16  
15 开发 generator 异步 action 解析的中间件 17:29  
16 开发兼容 generator/promise/thunk 异步 action 解析的中间件 10:27  
17 redux-thunk 中间件的使用 25:59  
18 FSA - Action 对象标准化 2:12  
19 redux-promise 中间件的使用 6:14  
20 复习与沉淀 21:13  
21 React-redux 让 UI 和 Store 相配合 29:52  
22 深入讲解 React-redux connect 函数用法 17:47  
23 实例巩固(上) 37:12  
24 实例巩固(中) 39:38  
25 实例巩固(下) 24:42  
1 M4 A4 t+ J4 P  f+ w9 a

第一十七章:React-Router
1 react-router 作用和适用条件 8:09  
2 开发多页面 React 应用程序 39:13  
3 用 react-router 优化多页面 React 应用程序 22:49  
4 实例讲解 react-route 基本的使用方式 17:01  
5 路经通配符 8:25  
8 ^&  C1 E7 @
+ _/ |) p' ~:IT Y9 m/ e7 W5 D
第一十八章:有问必答
1 [答]combineReducers()() 调用方式不太理解 9:00  
[问]曾老师: 不是很明白这句代码的执行原理..., return combineReducers( { name:cNameReducer,group:cGroupReducer} )( state,action );
2 [答]解决 Uncaught Error- Minified exception occurred 2:16  
3 [答]解决无法监听 div 的 keydown 事件 7:13  
4 [答]combineReducers 进一步理解 10:00  
这位同学疑惑在于 combineReducer 合成后的 reducer 函数是否调用,什么时候调用,这个视频解答给出了参考答案。
5 [答]browserify 出问题先检查代码是否有问题 1:59  
6 [答]找到 qiangliwen 童鞋代码中的BUG 3:10  
7 [答]深入理解 redux 中间件执行原理 24:19  
有些童鞋对 redux 中间件的执行原理很感兴趣,所以这一课时将从另一个角度,借用一些伪代码,来深入的探讨执行过程。
8 [答]npm run xxx 命令脚本的创建 2:22  
9 [答]applyMiddleware 两种方式都可行 3:19  
10 [答]npm start 运行失败的原因 2:36  

下载链接回复可见:
游客,如果您要查看本帖隐藏内容请回复

回复

使用道具 举报

4

主题

296

帖子

1011

积分

永久VIP会员

Rank: 3Rank: 3

积分
1011
发表于 2018-3-4 00:32:06 | 显示全部楼层
彻底征服React.Js + Flux + Redux
回复

使用道具 举报

0

主题

129

帖子

459

积分

永久VIP会员

Rank: 3Rank: 3

积分
459
发表于 2018-5-9 21:19:55 | 显示全部楼层
最近在学习react,这个视频很好。
回复

使用道具 举报

0

主题

199

帖子

673

积分

永久VIP会员

Rank: 3Rank: 3

积分
673
发表于 2018-7-20 14:08:27 | 显示全部楼层
感谢分享。。。。。。
回复

使用道具 举报

0

主题

33

帖子

178

积分

永久VIP会员

Rank: 3Rank: 3

积分
178
发表于 2018-7-26 00:10:12 | 显示全部楼层
51CTO 彻底征服React.Js + Flux + Redux 实战 [修改]
回复

使用道具 举报

0

主题

628

帖子

1736

积分

永久VIP会员

Rank: 3Rank: 3

积分
1736
发表于 2018-12-30 23:08:36 | 显示全部楼层
51CTO 彻底征服React.Js + Flux + Redux 实战
回复

使用道具 举报

0

主题

141

帖子

414

积分

永久VIP会员

Rank: 3Rank: 3

积分
414
发表于 2019-3-8 23:08:07 | 显示全部楼层
51CTO 彻底征服React.Js + Flux + Redux 实战
回复

使用道具 举报

0

主题

11

帖子

80

积分

Lv1码农小白

Rank: 1

积分
80
发表于 2020-10-26 14:38:08 | 显示全部楼层
很难得的视频哦
回复

使用道具 举报

3

主题

74

帖子

263

积分

永久VIP会员

Rank: 3Rank: 3

积分
263
发表于 2020-10-29 12:51:10 | 显示全部楼层
谢谢楼主分享
回复

使用道具 举报

0

主题

1

帖子

5

积分

Lv1码农小白

Rank: 1

积分
5
发表于 2020-11-20 20:28:17 | 显示全部楼层
彻底征服React.Js + Flux + Redux
回复

使用道具 举报

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

本版积分规则

关闭

站长推荐上一条 /1 下一条

快速回复 返回顶部 返回列表