课程目录

• 1-1 详细了解我们的React_
• 1-2 精讲安装node.js环境_
• 1-3 开始安装官方create-react-app脚手架并搭建项_
• 1-4 分析项目目录架构并重写一遍搭建的项目_
• 2-1 深入理解react和react-dom两个库_
• 2-2 深度剖析JSX的实质_
• 2-3 详细讲解state变量渲染和setState修改数据_
• 2-4 精讲props属性传递
• 2-5 实战必备之条件渲染与数据循环
• 2-6 详细讲解事件监听的实现
• 2-7 React之样式的编写讲解
• 2-8 深入剖析React实现双向数据绑定
• 2-9 精讲React组件生命周期
• 3-1 傻瓜组件和聪明组件的区别
• 3-2 深入理解函数式组件
• 3-3 详细讲解class组件的写法
• 4-1 引入使用ant-design组件库
• 4-2 详细讲解配置ant-design按需加载
• 4-3 性能优化之PureComponent讲解
• 4-4 性能优化之React.memo讲解
• 4-5 React高级使用之组件复合写法
• 5-1 高阶组件初体验
• 5-2 讲解高阶组件的链式调用
• 5-3 实现高阶组件装饰器写法
• 5-4 详细讲解组件通信之上下文(context)
• 6-1 隆重介绍React Hooks
• 6-2 详细介绍新特性useState
• 6-3 详细介绍新特性useEffect
• 6-4 详细介绍新特性useContext
• 6-5 详细介绍新特性useReducer
• 6-6 详细讲解官网介绍额外的Hooks
• 6-7 自己动手封装一个自定义Hooks
• 6-8 深入讲解React Hooks的使用规则
• 7-1 深度学习Redux成员及其数据流
• 7-2 学习redux编写一个累加器程序
• 7-3 深入学习React封装的react-redux进行改造累加器
• 7-4 必备技能之高阶组件装饰器模式进行简化封装代码_
• 7-5 深度剖析redux中间件给我们带来的帮助_
• 7-6 详细讲解抽离reducer和action进行统一管理_
• 8-1 介绍及安装使用react-router
• 8-2 体验react-router的写法
• 8-3 学习react-router的路由传参取参
• 8-4 深入学习react嵌套路由及路由重定向
• 8-5 深入剖析路由守卫的实现与使用
• 9-1 介绍redux-saga和redux-thunk的不同
• 9-2 应用redux-saga改造路由守卫登录认证
• 9-3 详解generator函数的原理和使用(一)
• 9-4 详解generator函数的原理和使用(二)
• 10-1 介绍企业级 react 应用框架umi
• 10-2 详细了解dva是什么以及它与umi的约定
• 10-3 使用umi开发项目并快速新建页面
• 10-4 详细讲解umi里面的嵌套路由与动态路由
• 10-5 创建配置文件编写配置式路由
• 10-6 讲解配置式路由如何加入路由守卫
• 10-7 讲解在umi里如何引入antd并使用
• 10-8 在umi开发框架里面引入dva进行开发
• 10-9 使用dva开发模式开发一个商品页面
• 11-1 详细了解如何从antd框架里面拿到自己想要的代码
• 11-2 开始使用antd布局组件进行项目大框架的布局
• 11-3 改变顶部一级导航进行跳转并改变视图内容
• 11-4 贴近实战点击一级菜单切换二级菜单数据
• 11-5 进行页面归类优化项目可读性(一)
• 11-6 进行页面归类优化项目可读性(二)
• 11-7 引入ant-design-pro库并使用其现成的404页面
• 11-8 详细讲解二级菜单栏伸缩状态利用antd如何实现
• 12-1 从ant-design-pro的登录页里面抽取出想要的代码
• 12-2 详细讲解编写登录mock接口
• 12-3 详细讲解dva编写登录功能
• 12-4 使用redux管理的用户信息改造路由守卫组件_
• 12-5 使用下拉菜单并编写退出登录功能_
• 13-1 回顾整个项目及后续发展_