课程介绍，不懂得地方可以问哦！

前端开发神器webstorm破解与安装

react官方脚手架create-react-app创建项目

Webpack配置入口文件和打包后的文件

webpack-dev-server的安装与配置proxy解决跨域问题

HTML模板插件

多页面(MPA)配置

loaders配置加载css样式

post-css处理css兼容性

css和js压缩

url-loader图片等资源文件处理

babel-loader，es6转es5

url-loader3.0，上节课配置出问题看这里

用webpack搭建react项目

使用React官方脚手架create-react-app创建项目

JSX、支持HTML标签、Ref的使用、虚拟DOM的使用

自己手写jsx实现虚拟dom

diff算法原理和代码分析

条件渲染、列表(Lists) 和 键(Keys)循环输出数据

组件(Components) 和 属性(Props)实现父给子组件传值

状态(State) 和 生命周期

事件处理和form表单

子组件向父组件传值

使用插槽(Portals)自定义封装button组件

lazy和suspense实现组件懒加载

自定义组件之仿天猫轮播图效果

自定义组件之toast轻提示开发

自定义组件之confirm开发

CSS和CSS模块化

css-loader3.2.x版本配置模块化，上节课css模块化配置出问题的同学看这里

无状态组件和有状态组件配合高阶组件的使用

【必学】用高阶组件(HOC)开发仿天猫轮播图效果

hooks的使用

使用hooks开发仿天猫轮播图效果

react-transition-group动画实战教程

手写router路由了解底层的原理

react-router路由和路由懒加载解决**加载慢性能问题

路由嵌套（子路由）和组件路由跳转

路由认证（会员权限）

hash与history路由模式的区别解决正式环境的坑

redux的使用和模块化封装

redux-thunk中间件的使用解决dispatch性能的问题

Axios的get、post请求和图片上传并且支持进度条

封装axios开发项目中使用

Fetch的get、post请求和图片上传

封装fetch开发项目中使用

解决跨域以及自动区分development和production环境

redux-thunk实现异步数据流

redux-saga代替thunk实现异步数据流

ui库antd-design之table表格和分页器

antd之Form表单验证和upload上传

antd移动版ui库的使用

React多语言国际化

HOC封装多语言国际化组件

搭建项目架构,工作中直接用

赠送后端架构模板，工作当中直接用

Immutable常用API的使用

redux+Immutable组合搭配使用

mobx之decorators修饰器的使用

mobx在react中的使用

搭建项目架构

电商系统底部导航

首页-布局

商品分类页面布局

商品分类页面对接数据和js效果

开发搜索组件

使用flexible自动换算rem

搜索页面之页面布局

搜索页面之数据对接

商品详情页静态布局

商品详情页js效果(解决白屏、滚动定位、内存溢出、抛物线动画问题)

商品详情页对接动态数据

完善商品详情页面的评价页面和商品描述页面

购物车页面布局

实现购物车逻辑

会员注册页面布局

会员注册js逻辑的实现与后台对接

会员登录(实现单点登录解决安全性问题)

确定订单页面布局

将购物车数据渲染到确定订单页面

添加收货地址页面布局

加收货地址页面的逻辑实现和antd的picker的使用

选择收货地址页面的布局

选择收货地址页面的删除，选择，设置默认地址，解决冒泡事件

修改收货地址

提交订单并防止重复提交订单

开发我的页面

个人资料（头像上传、给组件绑定事件）

我的订单页面布局

对接我的订单数据解决路由改变参数数据不更新的问题

布局订单详情页面并阻止冒泡事件

对接订单详情页面动态数据

评价页面布局

评价逻辑实现

我的收货地址管理

绑定手机号

修改密码

我的收藏

真机测试调试兼容性跨平台解决方案

最终上线路由的hash模式和history模式的区别解决访问路径的问题