dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 14983|回复: 69

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

  [复制链接]
  • TA的每日心情

    2024-11-19 20:46
  • 签到天数: 244 天

    [LV.8]以坛为家I

    4434

    主题

    1459

    帖子

    1万

    积分

    会|员

    Rank: 9Rank: 9Rank: 9

    积分
    10740
    发表于 2020-2-29 02:02:07 | 显示全部楼层 |阅读模式
    程序人生
    课程方向: 网页前端 
    课程类型: 框架 项目实战 

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x

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

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

    第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 课程总结

    注意:只有前10章!
    游客,如果您要查看本帖隐藏内容请回复




    温馨提示:
    1、本站所有内容均为互联网收集或网友分享或网络购买,本站不破解、不翻录任何视频!
    2、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意!
    3、本站资源仅供本站会员学习参考,不得传播及用于其他用途,学习完后请在24小时内自行删除.
    4、本站资源质量虽均经精心审查,但也难保万无一失,若发现资源有问题影响学习请一定及时点此进行问题反馈,我们会第一时间改正!
    5、若发现链接失效了请联系管理员,管理员会在2小时内修复
    6、如果有任何疑问,请加客服QQ:1300822626 2小时内回复你!
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2024-12-14 10:51
  • 签到天数: 337 天

    [LV.8]以坛为家I

    6

    主题

    463

    帖子

    2399

    积分

    一代宗师

    Rank: 7Rank: 7Rank: 7

    积分
    2399

    发表于 2020-2-29 09:11:34 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-7-3 10:19
  • 签到天数: 611 天

    [LV.9]以坛为家II

    5

    主题

    739

    帖子

    3129

    积分

    傲视群雄

    Rank: 8Rank: 8

    积分
    3129

    发表于 2020-3-2 21:38:50 | 显示全部楼层
    珍惜生命,果断回帖。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-7-3 10:19
  • 签到天数: 611 天

    [LV.9]以坛为家II

    5

    主题

    739

    帖子

    3129

    积分

    傲视群雄

    Rank: 8Rank: 8

    积分
    3129

    发表于 2020-3-2 21:39:36 | 显示全部楼层
    珍惜生命,果断回帖。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2021-1-27 08:11
  • 签到天数: 221 天

    [LV.7]常住居民III

    3

    主题

    352

    帖子

    1786

    积分

    一代宗师

    Rank: 7Rank: 7Rank: 7

    积分
    1786

    发表于 2020-3-3 19:11:51 | 显示全部楼层
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2023-4-24 15:06
  • 签到天数: 18 天

    [LV.4]偶尔看看III

    0

    主题

    95

    帖子

    257

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    257

    发表于 2020-3-4 09:30:51 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2021-1-27 08:11
  • 签到天数: 221 天

    [LV.7]常住居民III

    3

    主题

    352

    帖子

    1786

    积分

    一代宗师

    Rank: 7Rank: 7Rank: 7

    积分
    1786

    发表于 2020-3-4 11:08:20 | 显示全部楼层
    额,看不懂在说神马~@_@最后两章呢?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2024-7-22 14:18
  • 签到天数: 120 天

    [LV.7]常住居民III

    0

    主题

    250

    帖子

    799

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    799

    发表于 2020-3-5 11:53:34 | 显示全部楼层
    么有分,谁能送我点积分啊::>_<::
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    6 天前
  • 签到天数: 247 天

    [LV.8]以坛为家I

    0

    主题

    447

    帖子

    1666

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    1666

    发表于 2020-3-7 16:37:38 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    昨天 12:32
  • 签到天数: 729 天

    [LV.9]以坛为家II

    0

    主题

    1826

    帖子

    5610

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    5610

    发表于 2020-3-7 22:51:22 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2024-12-26 00:17 , Processed in 0.100111 second(s), 45 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表