基于 React 的微前端:Piral 简析

2020 年 1 月 09 日

基于 React 的微前端:Piral 简析

近年来,“微前端”一词已进入了主流技术领域。虽说实践中实现微前端的模式有很多,但我们认为可能存在一个“理想”的解决方案——这种方案既能具备单体架构的优势,又能结合使用隔离模块的某些优秀特性。

在这篇文章中,我们将研究基于 React 的微前端解决方案,其可以无限制地扩展开发工作、渐进部署并基于无服务器基础架构。我们的解决方案由一个应用外壳和一些独立开发的模块组成,这些模块动态地集成到应用外壳中。

我们将使用的解决方案称为 Piral ,这是我们的模块化前端架构的参考实现。这一前端架构的定义则基于我们在过去三年中从多个客户项目中获得的实际经验。

Modulith

我们的方法是单体应用与微应用(称为 Modulith)之间的一个交集,其优点在于我们可以做到以下很多事情:

  • 渐进采用(通过简单的迁移路径),
  • 共享库(例如模式库),或
  • 共享现有的布局 / 应用程序框架。

所有这些都只是可能性。不利之处在于采用此类选项时需要担负的职责,例如,在应用外壳中包含共享库将带来经典的依赖项管理问题。

Modulith 与微前端之间有什么关系呢?下图中展示了一个可行的微前端设计——每个服务都有一个关联的微前端。每个微前端都代表一个孤立的单元,可能带有自己的模式库和技术。

原文链接:【 https://www.infoq.cn/article/YH5mO2bVjmwLNYmXJeEP 】。未经作者许可,禁止转载。

登录后可解锁全站优质内容

免费畅享技术公开课、顶尖技术团队访谈、一线互联网大厂技术实践

文章
视频
电子书
研究报告
立即登录
2020 年 1 月 09 日 14:15 2014

评论 3 条评论

发布
用户头像
Pilet、Piral 这些词语自己造的吗,英语词典都查不到,不晓得怎么理解怎么读。。。。
2020 年 01 月 10 日 15:13
回复
还真是o(╥﹏╥)o
2020 年 01 月 13 日 09:42
回复
国外人的说是会玩....
2020 年 02 月 18 日 15:19
回复
没有更多评论了
发现更多内容

禁止在构造函数里调用虚函数

喵叔

C# .net 编码习惯

精纯还是混乱?职场十二箴言——重读“成为乔布斯”的思考(一)

石君

职场 乔布斯 成功学

此为开卷

范学雷

1. 什么是Xamarin.md

喵叔

C#

var lady first

喵叔

C# .net 编码习惯

浅谈汽车行业嵌入式软件发布的流程有多复杂

WB

程序员 软件

精纯还是混乱?职场十二箴言——重读“成为乔布斯”的思考(二)

石君

创业 乔布斯 成为乔布斯

【深度】为您解读东西方艺术教育的专业设置差异对比~

默聲

做小池塘里的大鱼,还是大池塘里的小鱼?这是个问题。

泰稳@极客邦科技

创业 团队管理 目标管理

做产品的同理心

孙苏勇

产品 产品经理 产品设计

测试

7c

Elasticsearch文档版本冲突原理与解决

Skysper

elasticsearch 乐观锁 悲观锁

删掉最后一句话

池建强

心理学 情绪控制

任正非管理哲学中的三个常识和三种科学

泰稳@极客邦科技

创业 团队管理 华为

特别评论:甲骨文的傲气

张晓楠

云计算 互联网巨头 企业文化

减少装箱与拆箱

喵叔

C# .net 编码习惯

走出舒适区最好办法别走了,扩大它

乐少

如何做一名失败的安全架构师

石君

架构 安全架构师 安全评估

翻译: Effective Go (2)

申屠鹏会

go 翻译

小议RPA

一品凡心

人工智能 RPA 自动化

《小狗钱钱》——财富离我们并不遥远

尹晓铁

读书笔记 投资 成长 思维方式

多用as少用强制类型转换

喵叔

从流程、认知上做稳定的系统演进

Skysper

系统设计 质量管理

是时候要说再见了,春风十里,不如邮你!

乐少

dubbo-go 中如何实现远程配置管理

joe

golang Apache 开源 微服务架构 dubbo

喔,明白了,成功也是一种苦难

泰稳@极客邦科技

创业 身心健康 企业文化 个人成长 心理

规范约束条件

喵叔

C# .net 编码习惯

2.Hello Xamarin

喵叔

C#

初入响应式编程(上)

CD826

spring 微服务 Spring Cloud 响应式编程 reactor

HTTP Methods和RESTful API的设计

孙苏勇

架构 系统设计 RESTful 接口

分布式数据库是无用的屠龙术吗?

海边的Ivan

企业架构 分布式数据库 业务中台

众安黑客马拉松大赛总决赛-InfoQ小编探班

众安黑客马拉松大赛总决赛-InfoQ小编探班

基于 React 的微前端:Piral 简析-InfoQ