第1章 课程介绍
1-1 课程导读 (16:11)
第2章 设计稿：从蓝图开始
2-1 从分析设计稿开始 (07:43)
2-2 文件代码结构 (10:22)
第3章 首页：庖丁解牛
3-1 拆分静态组件 (06:31)
3-2 第一个展示型组件 – 价格列表 (27:48)
3-3 为项目选择图标库 (10:42)
3-4 PropTypes 属性检查 (06:59)
3-5 切换Tab组件 (12:47)
3-6 动手实战
3-7 月份选择组件 – 需求分析 (04:01)
3-8 月份选择组件开发 – 编码第一部分 (19:29)
3-9 月份选择组件 编码第二部分 (10:52)
第4章 首页：乐高积木
4-1 组合所有静态型组件 (14:51)
4-2 分析设计 State 结构 (10:18)
4-3 分析数据流 (05:19)
4-4 添加逻辑交互代码及总结 (15:35)
第5章 组件测试
5-1 为什么要有测试 (07:19)
5-2 通用框架 Jest 简介 (10:17)
5-3 React 测试工具简介 (14:15)
5-4 价格题目列表测试分析和编写 (21:22)
5-5 月份选择器添加测试 (19:37)
5-6 月份选择器进阶测试 (14:23)
5-7 首页单元测试分析和编写 (17:56)
第6章 创建记账条目页面
6-1 创建页面需求分析和组件拆分 (06:29)
6-2 React-Router 简介 (07:29)
6-3 React-Router 代码部分 (10:41)
6-4 TDD 的方式开发分类选择组件 (18:51)
6-5 PriceForm 组件编写的指导思想 (10:55)
6-6 动手实战
6-7 使用 children 重构 Tabs 组件 (19:08)
6-8 扩展作业 – 轮播图组件设计
6-9 创建页面组合展示型组件 (07:49)
第7章 多页面结合
7-1 分析和优化整个应用的state 结构 (08:41)
7-2 Redux 和 Context 的解决方案 (11:50)
7-3 添加 Context (11:27)
7-4 使用高阶组件实现 Context 重用 (12:21)
7-5 扩展作业
7-6 整合两个页面的逻辑和交互— 首页和创建页 (22:55)
7-7 整合两个页面的逻辑和交互 二 – 编辑页面 (15:14)
7-8 阶段性总结 (07:26)
7-9 扩展作业 – 应用状态分析与设计
第8章 后端 Mock 环境
8-1 前后端分离开发概念 (07:42)
8-2 使用 json-server 打造 mock server (08:16)
8-3 分析和创建 Restful 接口 (06:31)
8-4 使用 Postman 测试 API (12:39)
第9章 动静结合
9-1 下一代的 HTTP 库：Axios_x264 (09:38)
9-2 学习 axios 的简单用法 (13:54)
9-3 改造首页支持异步流程 (15:30)
9-4 使用 async 改造异步流程 (15:01)
9-5 改造创建条目页和编辑页 (25:06)
9-6 优化异步请求 (13:22)
9-7 容器型组件测试策略和介绍 (07:07)
9-8 创建编辑页面测试编写 (22:12)
9-9 动手实践
第10章 锦上添花：图表分析页面
10-1 Recharts 简介 (05:44)
10-2 使用 Recharts 完成简单示例 (15:57)
10-3 算法问题：计算必要的数据结构 (11:23)
10-4 集成 Recharts 到项目中 (11:40)
10-5 测试的三层模型 (07:14)
10-6 App.js 主入口文件测试编码 (21:38)
第11章 项目部署
11-1 开发环境和生产环境的异同 (07:27)
11-2 为生产环境 build 代码 (10:05)
11-3 服务器的不同类型 (09:49)
11-4 本地完成应用部署 (19:07)
11-5 使用 Leancloud 进行部署 (14:54)
第12章 课程总结
12-1 课程总结 (09:25)
