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

19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频
共71节 2587人在学 课程详情

  • 欢迎来到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管理的用户信息改造路由守卫组件
    • 使用下拉菜单并编写退出登录功能

  • 回顾项目，展望未来

    • 回顾整个项目及后续发展

    订阅失败

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

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

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

    购买课程

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

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    讲解安装antd和react插件并完成配置

    课程介绍

    推荐课程
    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～