导航
课程首页
  • PM-Summit 全球产品经理大会云会员
  • SDCon 全球软件研发技术大会云会员
  • ML-Summit 全球机器学习技术大会云会员
  • C++性能优化高端培训
  • AI全栈开发实战营
精品课 极客时间

C 知道

登录
会员中心
消息
历史
创作中心
创作
学习中心
成为讲师

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

19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频
共71节 2573人在学 课程详情
课程目录
讨论留言
  • 欢迎来到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管理的用户信息改造路由守卫组件
    • 使用下拉菜单并编写退出登录功能
  • 回顾项目,展望未来

    • 回顾整个项目及后续发展
播放页问题反馈
视频学习中有任何产品建议都可由此反
馈,我们将及时处理!

课时介绍

讲解JSX的实质是什么,react内部到底是怎么识别JSX语法并进行解析的

课程介绍

推荐课程

信息系统项目管理师自考笔记

李明 · 717人在学

python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

王先生 · 22082人在学

手把手搭建Java超市管理系统【附源码】(毕设)

汤小洋 · 4200人在学

Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

黄菊华 · 787人在学

基于SSM酒店管理系统(毕设)

小尼老师 · 838人在学

java项目实战之购物商城(java毕业设计)

Long · 5152人在学

手把手搭建Java求职招聘系统【附源码】(毕设)

汤小洋 · 1506人在学

Python Django 深度学习 小程序

钟翔 · 2317人在学

城管局门前三包管理系统+微信小程序(vue+springboot)

赖国荣 · 597人在学

Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

李杰 · 3980人在学

正在试验
后自动删除环境
课程实验
本次实验时间已到期 00:00:00

    订阅失败

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

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

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

    购买课程

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

    加载中...
    课件正在飞速打包中,请耐心等待几秒钟~
    首页
    博客
    下载
    学习
    社区
    C知道
    GitCode
    InsCodeAI
    技术会议
    会员中心
    创作中心
    联系我们
    工作时间: 8:30 - 22:00
    客服电话: 400-660-0108
    kefu@csdn.net在线客服
    • 关于我们
    • 招贤纳士
    • 商务合作
    • 寻求报道
    • 京ICP备19004658号
    • 经营性网站备案信息
    • 公安备案号11010502030143
    • 营业执照
    • 北京互联网违法和不良信息举报中心
    • 家长监护
    • 中国互联网举报中心
    • 网络110报警服务
    • Chrome商店下载
    • 账号管理规范
    • 版权与免责声明
    • 版权申诉
    • 出版物许可证
    • ©1999-2024北京创新乐知网络技术有限公司