[099] React技术栈仿大众点评Web App - 分享大量React重构的宝贵经验

[099] React技术栈仿大众点评Web App风筝自习室-课程资源-网盘资源风筝自习室
[099] React技术栈仿大众点评Web App - 分享大量React重构的宝贵经验
此内容为付费阅读,请付费后查看
500积分
付费阅读

image

网站资源均收集于公开网络,仅供学习和交流。版权归版权人所有,所标价格为资源收集整理费用,如喜欢作品请支持正版。

网盘链接:

1. 搭建 webpack + react 开发环境

  • 1-1 导学1 – 课程简介
  • 1-2 导学2 – 为何用文档代替 PPT-
  • 1-3 导学3 – 项目演示效果
  • 1-4 课程说明
  • 1-5 体验npm start 和 npm run build命令
  • 1-6 安装插件
  • 1-7 介绍webpack.config.js(1)
  • 1-8 介绍webpack.config.js(2)
  • 1-9 介绍webpack.production.config.js

2. React 基础

  • 2-1 介绍 jsx
  • 2-2 jsx 语法几点注意事项
  • 2-3 jsx 事件循环和判断
  • 2-4 代码分离方案
  • 2-5 props 和 state
  • 2-6 智能组件和木偶组件
  • 2-7 生命周期

3. React 性能优化方案

  • 3-1 优化方案
  • 3-2 todo-list-demo

4. React-router

  • 4-1 介绍router-map配置
  • 4-2 跳转和参数

5. Redux 基础

  • 5-1 简单 demo
  • 5-2 结合react(1)
  • 5-3 结合react(2)
  • 5-4 结合react-场景说明

6. 使用 fetch

  • 6-1 get请求
  • 6-2 post请求
  • 6-3 数据模拟Mock

7. 开发首页

  • 7-1 开发步骤介绍
  • 7-2 路由介绍
  • 7-3 父组件介绍
  • 7-4 获取城市
  • 7-5 存储城市到 Redux
  • 7-6 HomeHeader组件(1)
  • 7-7 HomeHeader组件(2)
  • 7-8 HomeHeader组件(3)
  • 7-9 简单轮播图
  • 7-10 获取轮播图 index
  • 7-11 轮播图完成
  • 7-12 超值特惠-后端接口
  • 7-13 超值特惠-获取数据
  • 7-14 超值特惠-展示数据
  • 7-15 猜你喜欢-后端数据
  • 7-16 猜你喜欢-获取列表数据
  • 7-17 猜你喜欢-显示标题
  • 7-18 猜你喜欢-显示内容
  • 7-19 加载更多-准备数据
  • 7-20 加载更多-实现功能
  • 7-21 加载更多-下拉效果
  • 7-22 加载更多-总结

8. 开发城市页面

  • 8-1 路由介绍
  • 8-2 跳转链接
  • 8-3 完成Header
  • 8-4 当前城市
  • 8-5 修改城市的方法
  • 8-6 修改城市完成

9. 开发搜索结果页面

  • 9-1 路由配置
  • 9-2 约束性和非约束性组件
  • 9-3 抽离input-1
  • 9-4 抽离input-2
  • 9-5 SearchHeader组件
  • 9-6 结果列表

10. 开发详情页

  • 10-1 header
  • 10-2 获取商户信息
  • 10-3 展示商户信息-1
  • 10-4 展示商户信息-2
  • 10-5 用户评论列表

11. 开发登录页面

  • 11-1 路由配置
  • 11-2 登录组件-1
  • 11-3 登录组件-2

12. 收藏和购买功能

  • 12-1 创建子页面
  • 12-2 购买功能
  • 12-3 收藏功能-准备1
  • 12-4 收藏功能-准备2
  • 12-5 收藏功能-准备3
  • 12-6 收藏功能-完成

13. 开发用户中心页

  • 13-1 Header
  • 13-2 用户信息
  • 13-3 获取订单
  • 13-4 展示订单

14. 评价功能

  • 14-1 评价状态
  • 14-2 显示输入框
  • 14-3 获取评价内容
  • 14-4 提交数据
  • 14-5 总结

15. 扩展-项目代码版本升级

  • 15-1 补充-build错误解决方案
  • 15-2 升级介绍
  • 15-3 webpack3 升级npm组件
  • 15-4 webpack3 升级配置文件
  • 15-5 webpack3 升级打包命令
  • 15-6 react-router4 升级npm组件
  • 15-7 react-router4 修改router配置
  • 15-8 react-router4 执行命令
© 版权声明
THE END
加入本站 VIP,免费下载本站所有内容
点赞14 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容