Webpack+react全家桶开发谷粒后台项目

• 第1章 第一章
• 1-1 构建工具简介
• 1-2 webpack简介
• 1-3 webpack小试牛刀
• 1-4 使用webpack配置文件
• 1-5 less-loader解析less
• 1-6 eslint-loader语法检查
• 1-7 js语法转换
• 1-8 js新语法按需引入
• 1-9 url-loader解析样式中的图片
• 1-10 打包html文件
• 第2章 第二章
• 2-1 打包html中图片资源
• 2-2 打包其他资源
• 2-3 自动编译打包运行
• 2-4 HMR（热模替换）
• 2-5 devtool映射技术
• 2-6 准备生产环境
• 2-7 清除打包文件目录
• 2-8 提取css成单独文件
• 2-9 css文件的兼容性处理
• 2-10 压缩css
• 第3章 第三章
• 3-1 压缩html
• 3-2 vscode编译器的使用
• 3-3 react简介
• 3-4 你好反应
• 3-5 虚拟DOM的两种创建方式
• 3-6 几个小问题说明
• 3-7 jsx语法规则
• 3-8 jsx的小练习
• 3-9 组件的两种创建方式
• 3-10 复习
• 第4章 第四章
• 4-1 组件三大属性之state
• 4-2 state的简写方式
• 4-3 组件三大属性之props
• 4-4 props传递标签属性简化写法
• 4-5 组件三大属性之ref&事件处理
• 4-6 ref新语法
• 4-7 复习
• 4-8 todolist实现静态组件
• 4-9 todolist动态展示数据
• 4-10 完成todolist
• 第5章 第五章
• 5-1 受控组件与非受控组件
• 5-2 组件的声明周期
• 5-3 复习
• 5-4 关于forceUpdate与willRecriveProps
• 5-5 从Props获取DerivedState
• 5-6 获取更新前快照
• 5-7 验证diff算法
• 5-8 key的作用
• 5-9 react脚手架的下载
• 5-10 react脚手架的简单说明
• 第6章 第六章
• 6-1 react脚手架详细说明
• 6-2 一个简单的组件组合
• 6-3 评论案例—静态页面
• 6-4 用户评论案例—动态初始化
• 6-5 用户评论案例—增加评论
• 6-6 用户评论案例—完成交互
• 6-7 用户评论—第二版
• 6-8 axios练习
• 6-9 fetch的简单练习
• 6-10 github搜索案例—静态页面
• 第7章 第七章
• 7-1 github搜索案例—发送请求
• 7-2 github搜索案例—完成交互
• 7-3 复习
• 7-4 github搜索案例—pubsub版
• 7-5 react组件间通信方式
• 7-6 路由的简介
• 7-7 基本路由使用
• 7-8 基本路由的详细说明
• 7-9 二级路由的搭建（一）
• 7-10 复习
• 第8章 第八章
• 8-1 二级路由的搭建（二）
• 8-2 路由组件传参
• 8-3 编程式路由导航
• 8-4 antd的简单使用
• 8-5 复习
• 8-6 文件夹介绍——项目效果演示
• 8-7 回顾git
• 8-8 项目技术选型
• 8-9 使用create-react-app搭建应用
• 8-10 配置antd样式的按需引入
• 第9章 第九章
• 9-1 antd自定义主题
• 9-2 搭建login与admin路由
• 9-3 login静态页面
• 9-4 antd的From组件-静态
• 9-5 用户名的声明式验证
• 9-6 密码的自定义验证
• 9-7 登录表单的统一验证
• 9-8 高阶组件&高阶函数
• 9-9 复习
• 9-10 准备redux分支
• 第10章 第十章
• 10-1 redux交互模型简介
• 10-2 redux原理图详解
• 10-3 案例-react版
• 10-4 案例-redux-无action版
• 10-5 案例-redux最终版
• 10-6 react-redux的简介
• 10-7 案例-react-redux（第一版）
• 10-8 案例-react-redux（第二版）
• 10-9 react-redux异步编程
• 10-10 redux调试工具的使用
• 第11章 第十一章
• 11-1 react-redux的模块化编码
• 11-2 复习
• 11-3 搭建redux开发环境
• 11-4 API接口及测试
• 11-5 配置代理解决跨域问题
• 11-6 post请求json形式编码参数
• 11-7 使用axios请求拦截器
• 11-8 使用axios响应拦截器
• 11-9 配置项目基本路径
• 11-10 请求进度条效果
• 第12章 第十二章
• 12-1 把服务器返回的user信息交给redux管理
• 12-2 自动登录
• 12-3 退出登录功能
• 12-4 复习
• 12-5 装饰器语法
• 12-6 token验证
• 12-7 Admin整体布局搭建
• 12-8 Admin子路由搭建
• 12-9 头部静态布局
• 12-10 登录状态过期自动跳转
• 第13章 第十三章
• 13-1 头部交互-全屏切换
• 13-2 头部交互-退出登录
• 13-3 头部时间展示
• 13-4 获取天气信息
• 13-5 展示天气信息
• 13-6 withRouter的使用
• 13-7 左侧导航静态布局
• 13-8 左侧导航静态-切换效果
• 13-9 动态生成菜单
• 第14章 第十四章
• 14-1 菜单默认选中以及自动打开
• 14-2 展示header组件中的title
• 14-3 使用redux管理标题
• 14-4 商品分类静态页面(一)
• 14-5 商品分类静态页面(二)
• 14-6 动态初始化数据
• 14-7 新增与修改弹窗
• 14-8 新增商品
• 14-9 更新商品分类
• 14-10 处理导航默认选中问题
• 第15章 第十五章
• 15-1 商品管理静态页面
• 15-2 初始化列表展示+分页
• 15-3 操作商品状态
• 15-4 发送搜索请求
• 15-5 搜索功能的实现
• 15-6 商品详情和修改路由的搭建
• 15-7 解决标签选中和title的问题
• 15-8 商品详情-静态页面
• 15-9 展示详情
• 15-10 从服务器拉取详情
• 第16章 第十六章
• 16-1 展示商品详细信息-redux
• 16-2 展示商品详细信息-请求后台
• 16-3 新增商品-静态页面
• 16-4 收集部分商品数据
• 16-5 照片墙-静态
• 16-6 使用Upload组件上传一个文件
• 16-7 上传和删除的响应
• 16-8 完成上传功能
• 16-9 富文本编辑器
• 16-10 完成新增商品
• 第17章 第十七章
• 17-1 商品修改
• 17-2 角色管理简介
• 17-3 新增角色
• 17-4 树形菜单
• 17-5 完成授权功能
• 17-6 获取用户列表
• 17-7 新增用户
• 17-8 遍历菜单-数组的some方法
• 17-9 echarts的使用