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

7年的开发架构经验，曾就职于国内一线互联网公司，开发工程师，现在是某创业公司技术负责人，擅长语言有node/java/python，专注于服务端研发，人工智能相关领域, 熟悉分布式高可用系统的架构，大数据处理，微信开放平台支付等业务

张颜源

¥99.00

立即订阅

扫码下载「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知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

「你可以收获什么？」

可以自己搭建企业级单页面项目架构

处理好复杂项目数据流及全局配置

达到项目开发核心的能力

订阅课程开始学习