微前端及其他:可组合的前端应用程序

2025-06-07

微前端及其他:可组合的前端应用程序

大家好!我已经有一段时间没在这里发帖了,这是有原因的。除了工作比较忙之外,去年12月,我决定利用部分假期创建一个网站,发布我多年来在Web开发、云开发和架构方面的所有经验。你可以访问microfrontend.dev。

我的微前端之旅

当我担任一家全球运营的大型企业平台的前端技术主管时,我开始尝试优化和提高性能的模式和架构,以交付增强型前端应用程序。我们当时正在维护其旧版本,并在某个时候决定迁移。从那时起,我开始从开发人员和首席开发人员转型为架构师。当时有很多事情要做:我们也正在从本地迁移到云端。我们正在将一个新平台推向新的市场。团队从 10 人发展到 100 多人。我们维护着 3 个旧代码库和一个全新的代码库、数十个映射到各个业务部门的项目以及数百个本地化网站,我们希望以对利益相关者、相关开发人员以及最终用户最有效的方式完成这一切。我们也与外部团队合作。这并非易事,我在一篇名为《微前端:我的经验教训》的文章中分享了这段经历的一部分,这篇文章是我在这个平台上写的最受欢迎的文章之一。

建立微前端网站的动机

2020 年和 2021 年的大部分时间里,我都在线上和线下撰写文章并进行公开演讲,主题围绕微前端架构。后来,我加入 MongoDB 担任架构师,主要讨论数据以及如何在云端连接数据源和应用层。我还参加了多个播客节目,并尽可能多地分享我的知识,这些知识源于我在云端基于无服务器和事件驱动组件设计、构建和交付可组合架构的经验。

您可以在此处的“我创建的内容”下访问其中的部分内容

但这还不够。我想写一本书。

我以为写书会对我的职业生涯有益。但我意识到——现在依然如此——只有出版过书的作家才会受到重视。尤其对于女性来说,你需要付出更多努力才能获得关注,让你的观点和研究得到重视。

但写书需要你遵守出版商的日程安排。而我本来就很忙,工作上要赶截止日期;这看起来不太可行。尤其是在加入微软领导 Azure 上 JavaScript 端到端 DX 之后。

这是我决定发布一个网站的时候。

如果我没有时间写书,我会把它做成一个网站

这就是 microfrontend.dev 诞生的由来。在此之前,我的好朋友Wassim为我买了一个域名。

把我的知识和观点通过网站发布出去,让每个人都能接触到。我相信这是一件好事。

我一直在考虑开源它,但我希望先完成积压的工作。真不敢相信它才1月6日就首次上线了,现在都快5月了。

自那时起,它已吸引了来自 70 多个国家和数百个城市的人们。我希望它能帮助人们更好地理解其中探讨的一些技术、模式、机制和框架。我还有很多待解决的主题,希望很快能抽出时间继续开发、改进它,并扩展这些主题及其他方面。

如果您觉得有用,请访问,与他人分享,并在此处发表评论。您有什么主题想让我添加吗?请告诉我!

对于出版商:我可能仍然对写那本书感兴趣。尤其是现在我已经把大部分内容整理好了 ;)

有关可组合架构的更多信息

如果您访问我的网站并想了解更多信息,我将于5 月 31 日在O'Reilly Architecture Superstream上就此主题发表演讲。

作为一名技术女性和网络软件架构师,我一直热衷于创新、颠覆,寻找新方法构建前端应用程序,同时兼顾性能和用户体验,并让专业的前端开发更贴近每个人,因此,能够收到邀请参加如此盛大的活动并分享我的想法,我感到非常兴奋

祝大家度过愉快的一周,并希望很快收到您的回复!

微小编辑:如果您想从我这里获取有关 JavaScript、TypeScript、VSCode、Azure 的更多技术内容...🙏 在推特上关注我(我还没有 BlueSky...)https://twitter.com/AnfibiaCreativa

文章来源:https://dev.to/this-is-learning/micro-frontends-and-beyond-composable-frontend-applications-3j0f
PREV
My Home Office Setup ASUS ZenBook Duo Pro Laptop: Laptop Stand Blue Yeti: Rode PSA1 Studio Boom Arm for Broadcast Microphones: Blue Microphones Radius III Broadcast Shockmount Asus VZ249H 24-inch FHD Monitor Keyboard and Mouse Green Screen and Stand: Cable Management Headphone Webcam Elgato key light Standing Desk (SMART LIFT ELECTRIC 2)
NEXT
JavaScript 框架和元游戏