扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
订阅后:请点击此处观看视频课程
视频教程-19年全新React教程全家桶实战redux+antd+dva+Hooks前端js视频-ReactJS
学习有效期:永久观看
学习时长:703分钟
学习计划:12天
难度:低
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:张颜源
开发组长/高级工程师/技术专家
讲师介绍:7年的开发架构经验,曾就职于国内一线互联网公司,开发工程师,现在是某创业公司技术负责人, 擅长语言有node/java/python,专注于服务端研发,人工智能相关领域, 熟悉分布式高可用系统的架构,大数据处理,微信开放平台支付等业务
☛点击立即跟老师学习☚
「你将学到什么?」
19全新react16.8版本零基础进阶单页面全家桶项目实战
2019年8月份录制,采用react16.8版本,react-router4.x版本,分13章71节
「课程学习目录」
第1章:欢迎来到React世界 |
1.详细了解我们的React |
2.精讲安装node.js环境 |
3.开始安装官方create-react-app脚手架并搭建项目 |
4.分析项目目录架构并重写一遍搭建的项目 |
第2章:React基础知识讲解 |
1.深入理解react和react-dom两个库 |
2.深度剖析JSX的实质 |
3.详细讲解state变量渲染和setState修改数据 |
4.精讲props属性传递 |
5.实战必备之条件渲染与数据循环 |
6.详细讲解事件监听的实现 |
7.React之样式的编写讲解 |
8.深入剖析React实现双向数据绑定 |
9.精讲React组件生命周期 |
第3章:React组件的写法 |
1.傻瓜组件和聪明组件的区别 |
2.深入理解函数式组件 |
3.详细讲解class组件的写法 |
第4章:React组件化和ui库引入使用 |
1.引入使用ant-design组件库 |
2.详细讲解配置ant-design按需加载 |
3.性能优化之PureComponent讲解 |
4.性能优化之React.memo讲解 |
5.React高级使用之组件复合写法 |
第5章:高阶组件(HOC) |
1.高阶组件初体验 |
2.讲解高阶组件的链式调用 |
3.实现高阶组件装饰器写法 |
4.详细讲解组件通信之上下文(context) |
第6章:React函数式编程之Hook |
1.隆重介绍React Hooks |
2.详细介绍新特性useState |
3.详细介绍新特性useEffect |
4.详细介绍新特性useContext |
5.详细介绍新特性useReducer |
6.详细讲解官网介绍额外的Hooks |
7.自己动手封装一个自定义Hooks |
8.深入讲解React Hooks的使用规则 |
第7章:强大的状态管理器Redux |
1.深度学习Redux成员及其数据流 |
2.学习redux编写一个累加器程序 |
3.深入学习React封装的react-redux进行改造累加器 |
4.必备技能之高阶组件装饰器模式进行简化封装代码 |
5.深度剖析redux中间件给我们带来的帮助 |
6.详细讲解抽离reducer和action进行统一管理 |
第8章:页面连接器之路由react-router(版本4.x) |
1.介绍及安装使用react-router |
2.体验react-router的写法 |
3.学习react-router的路由传参取参 |
4.深入学习react嵌套路由及路由重定向 |
5.深入剖析路由守卫的实现与使用 |
第9章:redux-saga与Generator生成器 |
1.介绍redux-saga和redux-thunk的不同 |
2.应用redux-saga改造路由守卫登录认证 |
3.详解generator函数的原理和使用(一) |
4.详解generator函数的原理和使用(二) |
第10章:开始使用umi开发框架 |
1.介绍企业级 react 应用框架umi |
2.详细了解dva是什么以及它与umi的约定 |
3.使用umi开发项目并快速新建页面 |
4.详细讲解umi里面的嵌套路由与动态路由 |
5.创建配置文件编写配置式路由 |
6.讲解配置式路由如何加入路由守卫 |
7.讲解在umi里如何引入antd并使用 |
8.在umi开发框架里面引入dva进行开发 |
9.使用dva开发模式开发一个商品页面 |
第11章:快速搭建一个后台管理页面框架 |
1.详细了解如何从antd框架里面拿到自己想要的代码 |
2.开始使用antd布局组件进行项目大框架的布局 |
3.改变顶部一级导航进行跳转并改变视图内容 |
4.贴近实战点击一级菜单切换二级菜单数据 |
5.进行页面归类优化项目可读性(一) |
6.进行页面归类优化项目可读性(二) |
7.引入ant-design-pro库并使用其现成的404页面 |
8.详细讲解二级菜单栏伸缩状态利用antd如何实现 |
第12章:全局管理用户状态及信息 |
1.从ant-design-pro的登录页里面抽取出想要的代码 |
2.详细讲解编写登录mock接口 |
3.详细讲解dva编写登录功能 |
4.使用redux管理的用户信息改造路由守卫组件 |
5.使用下拉菜单并编写退出登录功能 |
第13章:回顾项目,展望未来 |
1.回顾整个项目及后续发展 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,12天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握ReactJS知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
可以自己搭建企业级单页面项目架构
处理好复杂项目数据流及全局配置
达到项目开发核心的能力