[302] React16组件化+测试+全流程实战“在线账本”项目 - 解锁项目开发的正确姿势,实现优雅逆袭

[302] React16组件化+测试+全流程实战“在线账本”项目风筝自习室-课程资源-网盘资源风筝自习室
[302] React16组件化+测试+全流程实战“在线账本”项目 - 解锁项目开发的正确姿势,实现优雅逆袭
此内容为付费阅读,请付费后查看
500积分
付费阅读

image

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

网盘链接:

1. 课程介绍

  • 1-1 课程导读

2. 设计稿:从蓝图开始

  • 2-1 从分析设计稿开始
  • 2-2 文件代码结构

3. 首页:庖丁解牛

  • 3-1 拆分静态组件
  • 3-2 第一个展示型组件 – 价格列表
  • 3-3 为项目选择图标库
  • 3-4 PropTypes 属性检查
  • 3-5 切换Tab组件
  • 3-6 动手实战
  • 3-7 月份选择组件 – 需求分析
  • 3-8 月份选择组件开发 – 编码第一部分
  • 3-9 月份选择组件 编码第二部分

4. 首页:乐高积木

  • 4-1 组合所有静态型组件
  • 4-2 分析设计 State 结构
  • 4-3 分析数据流
  • 4-4 添加逻辑交互代码及总结

5. 组件测试

  • 5-1 为什么要有测试
  • 5-2 通用框架 Jest 简介
  • 5-3 React 测试工具简介
  • 5-4 价格题目列表测试分析和编写
  • 5-5 月份选择器添加测试
  • 5-6 月份选择器进阶测试
  • 5-7 首页单元测试分析和编写

6. 创建记账条目页面

  • 6-1 创建页面需求分析和组件拆分
  • 6-2 React-Router 简介
  • 6-3 React-Router 代码部分
  • 6-4 TDD 的方式开发分类选择组件
  • 6-5 PriceForm 组件编写的指导思想
  • 6-6 动手实战
  • 6-7 使用 children 重构 Tabs 组件
  • 6-8 扩展作业 – 轮播图组件设计
  • 6-9 创建页面组合展示型组件

7. 多页面结合

  • 7-1 分析和优化整个应用的state 结构
  • 7-2 Redux 和 Context 的解决方案
  • 7-3 添加 Context
  • 7-4 使用高阶组件实现 Context 重用
  • 7-5 扩展作业
  • 7-6 整合两个页面的逻辑和交互— 首页和创建页
  • 7-7 整合两个页面的逻辑和交互 二 – 编辑页面
  • 7-8 阶段性总结
  • 7-9 扩展作业 – 应用状态分析与设计

8. 后端 Mock 环境

  • 8-1 前后端分离开发概念
  • 8-2 使用 json-server 打造 mock server
  • 8-3 分析和创建 Restful 接口
  • 8-4 使用 Postman 测试 API

9. 动静结合

  • 9-1 下一代的 HTTP 库:Axios_x264
  • 9-2 学习 axios 的简单用法
  • 9-3 改造首页支持异步流程
  • 9-4 使用 async 改造异步流程
  • 9-5 改造创建条目页和编辑页
  • 9-6 优化异步请求
  • 9-7 容器型组件测试策略和介绍
  • 9-8 创建编辑页面测试编写
  • 9-9 动手实践

10. 锦上添花:图表分析页面

  • 10-1 Recharts 简介
  • 10-2 使用 Recharts 完成简单示例
  • 10-3 算法问题:计算必要的数据结构
  • 10-4 集成 Recharts 到项目中
  • 10-5 测试的三层模型
  • 10-6 App.js 主入口文件测试编码

11. 项目部署

  • 11-1 开发环境和生产环境的异同
  • 11-2 为生产环境 build 代码
  • 11-3 服务器的不同类型
  • 11-4 本地完成应用部署
  • 11-5 使用 Leancloud 进行部署

12. 课程总结

  • 12-1 课程总结
© 版权声明
THE END
加入本站 VIP,免费下载本站所有内容
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容