使用微前端进行开发教会了我这种前端开发方法的真正优势是什么。
现在,让我们看看使用它的五个最相关的原因,以我作为一名使用微前端超过两年的前端开发人员的经验为后盾。
为了创造一个平衡的画面,这篇文章之后将有另一篇文章介绍微前端带来的最重要的五个陷阱。
扩展到多个团队
我工作的团队由具有不同背景和技能的开发人员组成。有些是React、其他Vue.js或Angular方面的专家。有些人喜欢用JavaScript 编写代码,有些人喜欢用TypeScript编写代码。最初,这代表了一个障碍。唯一的解决方案是找到共同点,尽管这种选择会迫使一些开发人员学习新技术并失去他们的专业知识。因此,我们寻找解决方案并决定采用微前端架构方法。
多亏了这一点,我们才能将原始团队分成多个团队,每个人都可以发挥自己的最佳表现。这是因为不同的团队可以根据他们必须处理的业务逻辑在架构、测试和编码风格方面做出最佳决策。此外,这种方法固有地导致代码和样式隔离,使每个团队独立于其他团队。
就最终结果而言,微前端也很有帮助。这是我们团队在完全采用这种方法后所学到的。事实上,拥有多个可以自由使用他们喜欢的技术的小团队意味着他们在本质上受到的限制更少,因此更有动力编写更高质量的代码。
采用不同的技术栈
由于微前端由小而独立的部分组成,因此它们中的每一个都可以使用不同的技术堆栈来实现。这是一种难以置信的强大力量。首先,因为起始团队可以根据特定技术堆栈的专业知识分成许多小团队,这也尊重单一责任原则。其次,由于同一个项目将使用许多技术堆栈,因此雇用新开发人员变得更加容易。
此外,微前端方法实际上消除了对特定技术的锁定现象,或者至少大大减少了这种现象。这是因为您的团队始终可以决定选择新的技术堆栈,而无需翻译之前开发的内容。此外,微前端架构所包含的每个块肯定都比前端单体小,将其转化为新技术将花费更少的时间。
此外,由于我们的团队采用了微前端方法,我们受到激励去尝试新技术、库和框架。事实上,每当您必须在应用程序中移植新部分时,您都可以决定采用全新的技术堆栈。这是一个学习如何使用市场上众多 JavaScript 框架的宝贵机会。
开发和部署变得更快
另一个需要解决的重要方面是,通过采用微前端,我们作为一个团队的前端开发过程得到了极大的改进。主要原因是,我们不再让大型团队被迫处理不可避免的通信开销,而是成为较小的独立团队的一部分,同时处理不同的功能,而不管实现细节如何。
可以想象,这也代表着在发布新功能方面向前迈出了一大步。原因是我们的开发过程改进了很多,主要原因是构建小型微前端比大型单体软件更快、更容易。因此,您的部署时间也将显着改善。事实上,每当团队完成一项功能的工作时,他们都可以在线部署它而无需等待。
换句话说,微前端应用程序基于同时处理独立功能的独立团队。这不能不代表着实现更高发布率的机会,特别是随着小团队数量的增加。
它使您的 Web 应用程序更易于维护
如果您曾经处理过大型应用程序,就会知道它们很容易变得难以维护,尤其是当它们是单片的并且必然会变得很大时。另一方面,微前端基于分而治之的方法。这意味着,通过为您的 Web 应用程序选择这种架构,您可以使每一个业务需求更容易测试和维护。
这是我们团队很快学到的东西。测试大型单体应用程序具有挑战性并且需要大量时间,我们都知道这一点。但是自从我们采用了微前端方法之后,一切都变了。现在每个团队都负责测试其开发的功能,这些功能远小于完整的前端应用程序。这加快了整个过程并使其更容易。因此,现在没有人害怕测试。此外,每个单独的团队现在都可以自由使用他们喜欢的测试工具和技术。
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
解视频**
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
[外链图片转存中…(img-irjRls4P-1710928750274)]