Nano Component 是一种更细粒度的“微前端”式的架构模式。与现有的遗留系统迁移和兼容的微前端模式相比,这样的组件模式,有点类似于 Serverless 之于 NanoService。使用更细粒度的 Web Component 组件,可以构建出更小的应用,易于替换与解耦设计。
依赖的基础设施:
- Web Component 构建的组件库
- Web Component 前端开发框架
- 主流框架(Angular、React、Vue)兼容层
- 思想转变
如在在构建和设计 Quake 应用的时候,我们就是这么玩的:
- Web Component 作为基础。使用了基于 Web Component 作为应用的基础,在这个基础上套娃(wrapper)了 React 框架的组件、Vue 框架的组件、Angular 框架的组件……。
- 组件级别的封装。我可以用 React 中的某个框架,可以用 Angular 中的某个框架,只需要封装为 Web Component 即可。
- 无限套娃模式。可以在 A 组件调用 B 组件,B 组件还可以调用 A,然后无限死循环了。随意可抛弃式。
还有更多好玩的模式,等我有空写一篇新的文章来介绍。
或许您还需要下面的文章: