• 讲师平台
    • 我的学习
    • 消息
    购买 ¥99.00

    19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频-

    共71节2202人学习张颜源 课程详情 领证书

    • 欢迎来到React世界

      • 详细了解我们的React
      • 精讲安装node.js环境
      • 开始安装官方create-react-app脚手架并搭建项目
      • 分析项目目录架构并重写一遍搭建的项目

    • React基础知识讲解

      • 深入理解react和react-dom两个库
      • 深度剖析JSX的实质
      • 详细讲解state变量渲染和setState修改数据
      • 精讲props属性传递
      • 实战必备之条件渲染与数据循环
      • 详细讲解事件监听的实现
      • React之样式的编写讲解
      • 深入剖析React实现双向数据绑定
      • 精讲React组件生命周期

    • React组件的写法

      • 傻瓜组件和聪明组件的区别
      • 深入理解函数式组件
      • 详细讲解class组件的写法

    • React组件化和ui库引入使用

      • 引入使用ant-design组件库
      • 详细讲解配置ant-design按需加载
      • 性能优化之PureComponent讲解
      • 性能优化之React.memo讲解
      • React高级使用之组件复合写法

    • 高阶组件(HOC)

      • 高阶组件初体验
      • 讲解高阶组件的链式调用
      • 实现高阶组件装饰器写法
      • 详细讲解组件通信之上下文(context)

    • React函数式编程之Hook

      • 隆重介绍React Hooks
      • 详细介绍新特性useState
      • 详细介绍新特性useEffect
      • 详细介绍新特性useContext
      • 详细介绍新特性useReducer
      • 详细讲解官网介绍额外的Hooks
      • 自己动手封装一个自定义Hooks
      • 深入讲解React Hooks的使用规则

    • 强大的状态管理器Redux

      • 深度学习Redux成员及其数据流
      • 学习redux编写一个累加器程序
      • 深入学习React封装的react-redux进行改造累加器
      • 必备技能之高阶组件装饰器模式进行简化封装代码
      • 深度剖析redux中间件给我们带来的帮助
      • 详细讲解抽离reducer和action进行统一管理

    • 页面连接器之路由react-router(版本4.x)

      • 介绍及安装使用react-router
      • 体验react-router的写法
      • 学习react-router的路由传参取参
      • 深入学习react嵌套路由及路由重定向
      • 深入剖析路由守卫的实现与使用

    • redux-saga与Generator生成器

      • 介绍redux-saga和redux-thunk的不同
      • 应用redux-saga改造路由守卫登录认证
      • 详解generator函数的原理和使用(一)
      • 详解generator函数的原理和使用(二)

    • 开始使用umi开发框架

      • 介绍企业级 react 应用框架umi
      • 详细了解dva是什么以及它与umi的约定
      • 使用umi开发项目并快速新建页面
      • 详细讲解umi里面的嵌套路由与动态路由
      • 创建配置文件编写配置式路由
      • 讲解配置式路由如何加入路由守卫
      • 讲解在umi里如何引入antd并使用
      • 在umi开发框架里面引入dva进行开发
      • 使用dva开发模式开发一个商品页面

    • 快速搭建一个后台管理页面框架

      • 详细了解如何从antd框架里面拿到自己想要的代码
      • 开始使用antd布局组件进行项目大框架的布局
      • 改变顶部一级导航进行跳转并改变视图内容
      • 贴近实战点击一级菜单切换二级菜单数据
      • 进行页面归类优化项目可读性(一)
      • 进行页面归类优化项目可读性(二)
      • 引入ant-design-pro库并使用其现成的404页面
      • 详细讲解二级菜单栏伸缩状态利用antd如何实现

    • 全局管理用户状态及信息

      • 从ant-design-pro的登录页里面抽取出想要的代码
      • 详细讲解编写登录mock接口
      • 详细讲解dva编写登录功能
      • 使用redux管理的用户信息改造路由守卫组件
      • 使用下拉菜单并编写退出登录功能

    • 回顾项目，展望未来

      • 回顾整个项目及后续发展
    0/1024
    暂无留言

      订阅失败

      19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频
      19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频 ...

      订阅列表已满，请先移出部分订阅内容。

      当前章节需购买后观看
      开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！

      购买课程

      扫码完成付费，可继续学习全部课程内容

      加载中...
      正在试验
      后自动删除环境
      课程实验
      本次实验时间已到期 00:00:00
      程序员研修院 v1.1.0
      一、播放器优化
      修改播放器默认倍速设置，增加1.25倍速
      调整目录展示形式，增加折叠/展开
      优化播放器的使用体验，有播放问题可以点击播放页内的”反馈“提交问题
      查看全部版本记录
      课件正在飞速打包中，请耐心等待几秒钟～