乐趣区

关于javascript:技术期刊-路尘终见泰山平-微前端及插件化架构在-Wix-的实践编辑器架构的第二路径业务中的前端组件化体系……

蒲公英 · JELLY 技术期刊 Vol.47

不想当架构师的程序员不是“合格”的程序员?这一类的舆论在很多文章中应该很常见吧,咱们须要架构思维,要有形象能力,要学会分层……须要的太多太多,可很少有适合的我的项目可能帮忙咱们养成这些思考的习惯,比方业务组件体系的设计,又比方编辑器等等,须要衡量技术与业务之间的均衡,架构设计稳定性与拓展能力,面对业务放弃思考,泰山如砥平。

观海志

登山则情满于山,观海则意溢于海

微前端及插件化架构在 Wix 的实际

梗概:微前端的概念曾经呈现了相当一段时间。咱们从 2013 年左右就开始在 Wix 中应用这种架构,甚至早在它被命名为 Wix 之前。这也是咱们在 2016 年逐步从 AngularJS 迁徙到 React 的关键因素。多年来,咱们始终在改良它,并积攒了大量的教训。在本文中,我想与大家分享一些咱们为了倒退大规模微前端开发概念所做的工作(在撰写本文时,咱们有 700 名 开发人员在这个体系架构上工作)。

举荐语:作为世界上最优良的建站产品之一,Wix 的建站编辑器性能和拓展性都十分弱小。他们很早就采纳微前端作为可插拔零碎的解决方案,并始终在这个体系上进行迭代。这篇文章具体介绍了他们可插拔式微前端架构的诞生背景及技术实际,包含一整套的开发 / 测试、构建 / 公布、监控等的工作流,对应的可插拔的微前端架构的 IoC 库已开源:https://github.com/wix/replug…

编辑器架构的第二门路

梗概:Slate 让你构建像 Medium, Dropbox Paper 或者是 Google Docs 这样丰盛,直观的编辑器,而不会让你在代码实现上深陷复杂度的泥潭。

举荐语:编辑器利用的复杂度堪称是 Web 利用中首屈一指的,业内出名的多人协同编辑器难度更是堪称业内标杆,然而编辑器真的就只能设计的无比简单么?值得一提的是 Slate 整体设计优雅且灵便,各个模块设计精美却非常易懂,值得细细品味。高效持重的代码有时候和设计复杂度并没有很高的关联性,这很值得咱们在组织各个模块能力时思考。

业务中的前端组件化体系

梗概:组件化曾经是一个陈词滥调,然而又经久不衰的话题。随着技术的更迭,业务复杂度的减少,组件化被重复拿进去从新扫视,能够说组件化之路肯定水平上体现了程序开发的倒退历程。

举荐语:本文从理论业务场景登程,针对组件实现上的常见问题,深入浅出的分析了组件设计思路,以及业务中的前端组件化体系的搭建,能够理解到组件状态的可组合性、分层复用以及跨技术栈集成等知识点,具备很强的实操性,十分值得一读。

构建网站的 Spotlight 插件

梗概:思考实现相似 MacOS 的 Spotlight 和 Linear 的 command+k 体验?应用 kbar 能够为您的站点增加一个疾速的、可扩大的 command + k 菜单。

举荐语:晋升用户体验是一个很巨大的命题,然而有的时候却只须要简略的几步,例如你能够应用 kbar 就可能为您的网站退出媲美 Spotlight 的 command + k 体验,置信这对于很多集体开发者会很有帮忙~

流觞亭

因山卜地心机巧,望水如天目力穷

Theia 技术揭秘之插件拓展

梗概:Theia 的插件化设计非常乏味,在保障性能稳固的同时赋予了零碎极强的拓展能力,本文从名词开始解析,叙述在 Cloud IDE 设计的过程中,须要一个怎么的插件零碎,深入浅出的解说不同零碎模块之间的架构,教你疾速上手编写 Theia 插件。

举荐语:Theia 插件零碎性能十分弱小,如此宏大的工程,同时还耦合了简约的能力模块,却仍然能放弃高质量的代码和清晰的架构,这是很多业务我的项目都难以做到的,这样的我的项目架构可能很多时候并不需要,但肯定值得咱们思考和学习。

Theia 技术揭秘之 Theme

梗概:Theia 的主题设计遵循了 VS Code 的 Theme 标准,本文从类型开始,具体阐明了实现须要思考的问题,以及 Theia 利用具体实现 VS Code 标准下的 Theme 插件的细节。

举荐语:对于编辑器来说,从零开始实现是不事实的,那么如果能够兼容现有的设计就是一个很棒的抉择,VS Code 各种意义上来说,都是一个极好的参考对象,通过兼容 VS Code 的主题就可能极大缩小用户的迁徙老本。

「蒲公英」期刊,每周更新,咱们专一于开掘「根底技术 工程化 跨端框架技术 图形编程 服务端开发 桌面开发 人工智能 设计哲学 前端框架」等多个大方向的业界热点,并加以业余的解读;不仅如此,咱们还会推介精选凹凸技术文章,向大家出现团队内的钻研技术方向。

低头俯视,蒲公英的种子会生根发芽,如夏花灿烂;格物致知,咱们登高远眺、桑田拾遗,以求积硅步而至千里。

蒲公英 · JELLY 技术期刊奉献指南

欢送关注凹凸实验室博客:aotu.io

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章。

退出移动版