第1章：react介绍与安装

1.课程介绍

2.前端开发神器webstorm**与安装

3.安装React

第2章：webpack4使用教程

1.【选学】Webpack配置入口文件和打包后的文件

2.【选学】webpack-dev-server的安装与配置proxy解决跨域问题

3.【选学】HTML模板插件

4.【选学】多页面(MPA)配置

5.【选学】loaders配置加载css样式

6.【选学】post-css处理css兼容性

7.【选学】css和js压缩

8.【选学】url-loader图片等资源文件处理

9.【选学】babel-loader，es6转es5

10.【选学】用webpack搭建react项目

第3章：React入门到精通

1.【必学】使用React官方脚手架create-react-app创建项目

2.【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用

3.【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用 (下)

4.【面试必学】自己手写jsx实现虚拟dom

5.【面试必学】diff算法原理和代码分析

6.【必学】条件渲染、列表(Lists) 和 键(Keys)循环输出数据

7.【必学】组件(Components) 和 属性(Props)实现父给子组件传值

8.【必学】状态(State) 和 生命周期（上）

9.【必学】状态(State) 和 生命周期（下）

10.【必学】事件处理和form表单（一）

11.【必学】事件处理和form表单（二）

12.【必学】事件处理和form表单（三）

13.【必学】子组件向父组件传值

14.【必学】使用插槽(Portals)自定义封装button组件

15.【必学】lazy和suspense实现组件懒加载

16.【必学】自定义组件之仿天猫轮播图效果（上）

17.【必学】自定义组件之仿天猫轮播图效果（下）

18.【必学】自定义组件之toast轻提示开发

19.【必学】自定义组件之confirm开发

20.【必学】CSS和CSS模块化

21.【必学】无状态组件和有状态组件配合高阶组件的使用（上）

22.【必学】无状态组件和有状态组件配合高阶组件的使用（下）

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

24.【必学】hooks的使用（上）

25.【必学】hooks的使用（下）

26.【必学】使用hooks开发仿天猫轮播图效果（上）

27.【必学】使用hooks开发仿天猫轮播图效果（下）

28.【选学】react-transition-group动画实战教程

29.【面试必学】手写router路由了解底层的原理

30.【必学】react-router路由和路由懒加载解决首次加载慢性能问题（上）

31.【必学】react-router路由和路由懒加载解决首次加载慢性能问题（下）

32.【必学】路由嵌套（子路由）和组件路由跳转

33.【必学】路由认证（会员权限）

34.【必学】hash与history路由模式的区别解决正式环境的坑

35.【必学】redux的使用和模块化封装1

36.【必学】redux的使用和模块化封装2

37.【必学】redux的使用和模块化封装3

38.【必学】redux-thunk中间件的使用解决dispatch性能的问题

39.【必学】Axios的get、post请求和图片上传并且支持进度条（上）

40.【必学】Axios的get、post请求和图片上传并且支持进度条（下）

41.【必学】封装axios开发项目中使用

42.【必学】Fetch的get、post请求和图片上传

43.【必学】封装fetch开发项目中使用

44.【必学】解决跨域以及自动区分development和production环境

45.【必学】redux-thunk实现异步数据流（上）

46.【必学】redux-thunk实现异步数据流（下）

47.【必学】redux-saga代替thunk实现异步数据流（上）

48.【必学】redux-saga代替thunk实现异步数据流（下）

49.【必学】ui库antd-design之table表格和分页器1

50.【必学】ui库antd-design之table表格和分页器2

51.【必学】ui库antd-design之table表格和分页器3

52.【必学】antd之Form表单验证和upload上传

53.【必学】antd移动版ui库的使用

54.【选学】React多语言国际化

55.【选学】HOC封装多语言国际化组件

56.【必学】搭建项目架构,工作中直接用1

57.【必学】搭建项目架构,工作中直接用2

58.【必学】搭建项目架构,工作中直接用3

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

60.【选学】Immutable常用API的使用

61.【选学】redux+Immutable组合搭配使用

62.【选学】mobx之decorators修饰器的使用

63.【选学】mobx在react中的使用

第4章：React实战项目仿京东电商(做完后天下无敌)

1.搭建项目架构1

2.搭建项目架构2

3.电商系统底部导航1

4.电商系统底部导航2

5.首页-布局1

6.首页-布局2

7.首页-布局3

8.首页-布局4

9.首页-布局5

10.首页-对接数据和js效果1

11.首页-对接数据和js效果2

12.首页-对接数据和js效果3

13.商品分类页面布局1

14.商品分类页面布局2

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

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

17.开发属于自己的搜索组件1

18.开发属于自己的搜索组件2

19.开发属于自己的搜索组件3

20.开发属于自己的搜索组件4

21.使用flexible自动换算rem

22.搜索页面之页面布局1

23.搜索页面之页面布局2

24.搜索页面之页面布局3

25.搜索页面之页面布局4

26.搜索页面之数据对接1

27.搜索页面之数据对接2

28.搜索页面之数据对接3

29.搜索页面之数据对接4

30.搜索页面之数据对接5

31.搜索页面之数据对接6

32.搜索页面之数据对接7

33.商品详情页静态布局1

34.商品详情页静态布局2

35.商品详情页静态布局3

36.商品详情页静态布局4

37.商品详情页静态布局5

38.商品详情页静态布局6

39.商品详情页静态布局7

40.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)1

41.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)2

42.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)3

43.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)4

44.商品详情页对接动态数据1

45.商品详情页对接动态数据2

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

47.购物车页面布局1

48.购物车页面布局2

49.实现购物车逻辑1

50.实现购物车逻辑2

51.实现购物车逻辑3

52.实现购物车逻辑4

53.会员注册页面布局1

54.会员注册页面布局2

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

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

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

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

59.确定订单页面布局1

60.确定订单页面布局2

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

62.添加收货地址页面布局

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

64.选择收货地址页面的布局

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

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

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

68.修改收货地址

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

70.开发我的页面1

71.开发我的页面2

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

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

74.我的订单页面布局1

75.我的订单页面布局2

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

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

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

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

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

81.星级评价页面布局

82.星级评价逻辑实现1

83.星级评价逻辑实现2

84.我的收货地址管理

85.绑定手机号

86.修改密码

87.我的收藏1

88.我的收藏2

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

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