现代 React Web 开发实战
宋一玮
FreeWheel 中国研发中心前端架构师
16115 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 31 讲
现代 React Web 开发实战
15
15
1.0x
00:00/00:00
登录|注册

24|工程化与团队协作:让我们合作开发一个大型React项目

你好,我是宋一玮,欢迎回到 React 应用开发的学习。
前面我们用两节课的时间,学习了大中型 React 项目最重要的实践之一:自动化测试。我们先后学习了如何利用 Playwright 框架开发自动化 E2E 测试用例,以及如何用 Jest + RTL 为 React 组件和 Hooks 编写单元测试。
我们也通过对测试金字塔概念的学习,理解了 E2E 和单元测试互为补充的关系,认识到可以在项目中同时加入这两种自动化测试用例,来提高整体覆盖率、提升项目质量。
这节课是模块三,也是这个专栏的最后一节正课内容。我会带着你总结一下前面学习过的知识点,然后把它们串联起来,介绍大型 React 应用项目中的团队协作和工程化。
最后还有一个特别企划。这个专栏其实在立项之初,就设计了一小一大两个 React 项目,其中的小项目就是模块二的 oh-my-kanban 。相信你对它印象深刻,毕竟我基本每节课都会像写字楼电梯间的洗脑广告一样,反复提到它。
那么大项目呢?这不,马上就来了:我会新搭建一个开源 React 项目,在其中设计一系列扩展点,然后请你跟我一起,合作开发这个大型 React 项目。
下面开始这节课的内容。

本专栏的知识地图

如果你是从第一节课开始,按课程连载顺序一节一节学到这里,那么你应该会发现,这个专栏跟市面上其他教程有些许不同:
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

这篇文章深入探讨了在大型React项目中的团队协作和工程化实践。作者首先回顾了前几节课学习的内容,包括自动化测试和React项目的设计。然后,强调了团队协作在现代软件开发中的重要性,特别是在大型项目中。文章提到了任务拆解和迭代计划的重要性,以及如何根据React的组件化特点进行工作任务分配。此外,还介绍了前端团队的分工协作方式,包括横向和纵向分工,并给出了一个具体的文件目录结构示例。最后,文章指出随着团队规模的扩大,团队协作的效率提升会变得更加困难,但工程化实践可以帮助团队减小不稳定因素的影响,保证团队整体稳定输出。 文章还介绍了一个名为“oh-my-kit”的开源React项目,该项目旨在提高开发效率和推动开源软件的发展。作者详细描述了该项目的目录结构、CI/CD配置以及开发流程,鼓励读者参与其中并提出改进建议。通过这一案例,读者可以了解现代大型React项目的工程化实践,并在实际项目中应用所学知识。 总的来说,本文内容丰富,涵盖了技术实践和软件工程方面的知识,为正在进行大型React项目开发的开发人员提供了宝贵的指导和建议。文章通过具体案例和实践操作,使读者能够更好地理解和应用所学知识,具有很高的实用价值。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《现代 React Web 开发实战》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(1)

  • 最新
  • 精选
  • 东方奇骥
    老师,文中没有开源项目的地址呢,后续会更新?

    作者回复: 你好,东方奇骥,久等啦,开源项目的地址在这里: https://gitee.com/evisong/geektime-column-oh-my-kit 稍后也会请编辑更新到正文中。有任何意见或建议请随时留言,谢谢~

    2022-10-26归属地:北京
    2
收起评论
显示
设置
留言
1
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部