CTO最新课程彻底征服 React.js + Flux + Re

2020-09-12  本文已影响0人  小语福利

课程地址:http://ityuanke.com/thread-285-1-1.html

IT猿课(www.ityuanke.com)【it猿课 ityuanke.com】 彻底征服 React.js + Flux + Redux

第1章React 实战

10分钟3节

1-1课程介绍[06:19]

1-2问答方法与原则 (新)[02:04]

1-3http-server 静态服务器[01:53]

第2章第一个 React 应用程序

1小时44分钟11节

2-1配置基础运行环境[08:32]

2-2UI 设计与需求分析[09:24]

2-3把 HTML 嵌入到 javascript[04:29]

2-4划分出多个组件[09:27]

2-5通过属性代替固化数据[03:15]

2-6内部状态数据与添加功能的实现[08:29]

2-7ItemEditor 删除功能的实现[19:15]

2-8ItemEditor 保持功能的实现[06:27]

2-9编辑 Item 功能的实现[07:48]

2-10本章知识点总结[09:41]

2-11对第一个应用程序的优化[17:51]

第3章JSX 用法

24分钟5节

3-1JSX 的本质[05:30]

3-2属性与行内样式[05:20]

3-3三元运算与复杂判断[06:06]

3-4根节点的个性[02:41]

3-5总结[05:11]

第4章创建组件

41分钟3节

4-1Component 与 Element 的特殊关系[20:37]

4-2创建 Component 的两种方式与区别[18:58]

4-3修复上一课时BUG[01:30]

第5章组件的生命周期

1小时47分钟8节

5-1组件生命周期的原理[08:36]

5-2初始化阶段[10:36]

5-3装载阶段[10:36]

5-4更新阶段[16:30]

5-5卸载阶段与生命周期总结[06:19]

5-6总结[13:34]

5-7通过实例代码学习生命周期的知识点(上)[17:49]

5-8通过实例代码学习生命周期的知识点(下)[23:37]

第6章组件的属性

30分钟2节

6-1表单属性[22:17]

6-2refs属性[08:01]

第7章组件的事件

43分钟3节

7-1键盘事件实例讲解[11:43]

7-2鼠标事件实例讲解[24:55]

7-3自定义事件实例讲解[06:39]

第8章组件的通信

59分钟3节

8-1父与子组件的通信[19:00]

8-2子与父组件的通信[08:43]

8-3事件总线通信[31:25]

第9章props vs state 的博弈

12分钟1节

9-1props vs state 的选择原则[12:36]

第10章实用工具

41分钟2节

10-1动画效果[22:19]

10-2数据双向绑定[19:33]

第11章开发环境

19分钟1节

11-1配置模块化开发环境[19:53]

第12章树组件开发实战

2小时11分钟8节

12-1树组件开发实战(一)[19:03]

12-2树组件开发实战(二)[10:22]

12-3树组件开发实战(三)[17:04]

12-4树组件开发实战(四)[18:09]

12-5树组件开发实战(五)[21:22]

12-6树组件开发实战(六)[13:57]

12-7树组件开发实战(七)[16:21]

12-8树组件开发实战(八)[14:47]

第13章flux 架构

1小时42分钟5节

13-1flux 架构概述[09:00]

13-2实战编码悟透 Store[27:57]

13-3实战编码悟透 Actions[19:14]

13-4实战编码悟透 Dispatcher[23:46]

13-5实战编码悟透 Actions 与 Web API 合理的调用方式[22:05]

第14章Facebook Flux

1小时26分钟6节

14-1Dispatcher 源码解析(一)[18:06]

14-2Dispatcher 源码解析(二)[05:08]

14-3Store 源码分析与实例扩展[17:58]

14-4实例复习与巩固[16:41]

14-5ReduceStore 源码分析与实例扩展[18:21]

14-6Container 工具[10:04]

第15章Reflux

1小时8分钟9节

15-1Reflux 与 flux 的区别[07:42]

15-2创建第一个 Action[02:55]

15-3触发 Action 的多种方式[03:59]

15-4Action hooks[06:44]

15-5异步结果[11:54]

15-6一次性创建多个 Action[03:36]

15-7创建第一个 Store[07:25]

15-8store 监听 action 的方式[08:35]

15-9React + Reflux 小程序[15:28]

第16章Redux

7小时48分钟25节

16-1Redux 与 Flux 、Reflux 整体上区别[15:35]

16-2解决状态数据多的问题[06:08]

16-3大数据状态对象如何更改[13:16]

16-4自己开发一个 redux[22:56]

16-5redux 中间件的原理与原型开发[26:34]

16-6优化自己开发的 Redux[16:31]

16-7官网 Redux 的基本使用方式[05:19]

16-8通过思维导图讲解 Redux 的整体架构[24:25]

16-9得到store的方法集合及其原理[15:37]

16-10拆分 Reducers[38:21]

16-11创建 Action 的多种方式[17:59]

16-12使用 applyMiddleware 装载中间件 &[11:18]

16-13开发 thunk 异步 action 解析的中间件[15:56]

16-14开发 promise 异步 action 解析的中间件[06:16]

16-15开发 promise 异步 action 解析的中间件[17:29]

16-16开发兼容 generator/promise/thunk 异步 action 解析的中间件[10:28]

16-17redux-thunk 中间件的使用[25:59]

16-18FSA - Action 对象标准化[02:12]

16-19redux-promise 中间件的使用[06:14]

16-20复习与沉淀[21:14]

16-21React-redux 让 UI 和 Store 相配合[29:52]

16-22深入讲解 React-redux connect 函数用法[17:47]

16-23实例巩固(上)[37:13]

16-24实例巩固(中)[39:38]

16-25实例巩固(下)[24:42]

第17章React-Router

1小时35分钟5节

17-1react-router 作用和适用条件[08:09]

17-2开发多页面 React 应用程序[39:13]

17-3用 react-router 优化多页面 React 应用程序[22:49]

17-4实例讲解 react-route 基本的使用方式[17:01]

17-5路经通配符[08:25]

第18章有问必答

1小时6分钟10节

18-1[答]combineReducers()() 调用方式不太理解[09:00]

18-2[答]解决 Uncaught Error- Minified exception occurred ...[02:16]

18-3[答]解决无法监听 div 的 keydown 事件[07:14]

18-4[答]combineReducers 进一步理解[10:01]

18-5[答]browserify 出问题先检查代码是否有问题[01:59]

18-6[答]找到 qiangliwen 童鞋代码中的BUG[03:10]

18-7[答]深入理解 redux 中间件执行原理[24:19]

18-8[答]npm run xxx 命令脚本的创建[02:22]

18-9[答]applyMiddleware 两种方式都可行[03:19]

18-10[答]npm start 运行失败的原因开始学习

课程截图:

上一篇下一篇

猜你喜欢

热点阅读