美文网首页
CTO最新课程彻底征服 React.js + Flux + Re

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

作者: 小语福利 | 来源:发表于2020-09-12 21:19 被阅读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 运行失败的原因开始学习

    课程截图:

    相关文章

      网友评论

          本文标题:CTO最新课程彻底征服 React.js + Flux + Re

          本文链接:https://www.haomeiwen.com/subject/twkgektx.html