React16组件化+测试+全流程实战在线账本项目

主讲:张轩 Web前端工程师课时:时长 12小时
React16组件化+测试+全流程 实战在线账本项目
本门课以”在线账本”为实战项目，以 ‘React理念’为指导思想，让大家从头到尾的实践一个项目是怎样从设计图到最终的线上产品。课程将一步一步带你从设计图出发，到组件拆分，组合，状态分析，数据流分析，组件测试、页面整合，再到搭建 Mock Server，对接后端接口，实现前后端分离开发，最终到部署上线。由浅入深的学习 React 的实际应用的开发模式和流程。

课程介绍

React16组件化+测试+全流程 实战在线账本项目
本门课以”在线账本”为实战项目，以 ‘React理念’为指导思想，让大家从头到尾的实践一个项目是怎样从设计图到最终的线上产品。课程将一步一步带你从设计图出发，到组件拆分，组合，状态分析，数据流分析，组件测试、页面整合，再到搭建 Mock Server，对接后端接口，实现前后端分离开发，最终到部署上线。由浅入深的学习 React 的实际应用的开发模式和流程。
适合人群
本课程适合会使用基础的 React，但在缺乏实际项目经验；前端开发
者，想进一步提升开发技能。

另:
1：《React16组件化+测试+全流程 实战在线账本项目》来自某课网，原价266，由编程猿整理发布！编程猿承诺，本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码，官方同步体验！
2：本站所有课程可以通过网盘在线学习也可下载到本地，方便快捷！
3： 所有课程全部支持试看任何章节，可通过点击右侧官方微信扫码添加要求试看！
4：官方品质，信誉保证，本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新，感谢同学们的信任与支持，保证让同学们满意！
5：所有课程都会包更新，只要官方更新本站延迟2-3天就会更新。
6：爱好学习，一直提升自己的小伙伴可以开通会员，享受全站免金币无限制畅快学习！7：点击下方链接进行试看，在线看默认流畅，调节成原画，最好直接下载到本地是超清！
试看链接：https://pan.baidu.com/s/1HQAiLuYzuJ2nyY1vVvgaDw 提取码：que2如需咨询请点击章节目录：
第1章 课程介绍介绍了整个课程的背景知识，项目简介，学习流程，可以掌握的知识点，以及学习方法和前置知识
1-1 课程导读试看第2章 设计稿：从蓝图开始从原型图出发，分析整个应用的需求和功能点，最后规定了文件结构和代码规范。
2-1 从分析设计稿开始 2-2 文件代码结构第3章 首页：庖丁解牛使用 React 理念开发首页的功能，通过组件拆分-展示型组件开发的流程开发所有的展示型组件，并且学习 PropTyps 验证 React组件的属性。
3-1 拆分静态组件 3-2 第一个展示型组件 - 价格列表 3-3 为项目选择图标库 3-4 PropTypes 属性检查 3-5 切换Tab组件 3-6 动手实战 3-7 月份选择组件 - 需求分析 3-8 月份选择组件开发 - 编码第一部分 3-9 月份选择组件 编码第二部分第4章 首页：乐高积木继续 React 理念的开发 ，通过 展示型组件组合 - state和数据流分析 -添加 state 和交互 这样的流程完成首页的开发。
4-1 组合所有静态型组件 4-2 分析设计 State 结构 4-3 分析数据流 4-4 添加逻辑交互代码及总结第5章 组件测试简介了测试的基本概念，介绍 通用测试工具 Jest 和 React 测试框架 enzyme，然后使用这两种工具完成首页所有展示型组件的测试和首页的集成测试。
5-1 为什么要有测试 5-2 通用框架 Jest 简介 5-3 React 测试工具简介 5-4 价格题目列表测试分析和编写试看 5-5 月份选择器添加测试 5-6 月份选择器进阶测试 5-7 首页单元测试分析和编写第6章 创建记账条目页面分析创建页面的需求，学习 SPA 的概念，使用 React-Router 创建路由，并且使用 TDD 的方式开发创建页面的展示型组件。
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章 多页面结合分析多页面的 state 结构，并且提出优化方案，简介 Redux 和不使用 Redux 的原因使用 Context 将状态和操作方法抽象到顶层，最后整合整个应用的所有数据操作逻辑。
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 环境简介 前后端分离开发和 mock server 的概念，然后学习怎样使用 JSON server 快速搭建一个 mock server，并且学会使用 Postman 测试接口。
8-1 前后端分离开发概念 8-2 使用 json-server 打造 mock server 8-3 分析和创建 Restful 接口 8-4 使用 Postman 测试 API第9章 动静结合学习 Axios 的基本用法，然后使用 Axios 改造应用对接后端接口，并且实现所有异步操作。
9-1 下一代的 HTTP 库：Axios_x264 9-2 学习 axios 的简单用法 9-3 改造首页支持异步流程 9-4 使用 async 改造异步流程 9-5 改造创建条目页和编辑页 9-6 优化异步请求 9-7 容器型组件测试策略和介绍 9-8 创建编辑页面测试编写 9-9 动手实践第10章 锦上添花：图表分析页面学习怎样将开源图表库 Recharts 集成到首页的功能中。
10-1 Recharts 简介 10-2 使用 Recharts 完成简单示例 10-3 算法问题：计算必要的数据结构 10-4 集成 Recharts 到项目中 10-5 测试的三层模型 10-6 App.js 主入口文件测试编码第11章 项目部署学习 生产环境和开发环境的异同，简介Leancloud，以及怎样使用 Leancloud 部署项目。
11-1 开发环境和生产环境的异同 11-2 为生产环境 build 代码 11-3 服务器的不同类型 11-4 本地完成应用部署 11-5 使用 Leancloud 进行部署第12章 课程总结本课程回顾和总结。
12-1 课程总结本课程已完结