实战技巧之开发适配多框架的公用组件

518 阅读2分钟

在业务开发中,特别是当技术框架变动比较大的时候,如果我们想要开发一个公共业务组件。并且这个组件需要提供给各种技术框架的系统使用,这时候我们就需要在开发前进行谨慎的技术选型,将业务组件的适配性、可维护性达到最佳状态。

举一个具体的例子: 在一个商城应用在重构的时候,我们需要顺带开发一个收货地址管理的弹层组件,后续其他项目也会接入这个组件。这时候我们需要考虑的有以下几个点:

  1. 接入方的项目框架多样性,可能有 React、Vue、Angular等等 2.组件的代码体积不能太大,不能影响系统的性能 3.组件的开发成本和后期维护成本 ...

出于这些因素的考虑,用原生 JS 来实现仿佛是最好的一个选择。如果是一个逻辑简单的组件,这应该是比较完美的。但是如果这个组件的逻辑复杂,那这一切就变得像噩梦了,我们又重新回到了以前频繁操作 dom 的时代。

于是我们就会考虑,那我们能不能在组件内单独引一个体积比较小的 UI 框架来提交我们的开发效率呢?当然是OK的,也是一个非常好的选择。

这时候我们又会有一个新的问题,当别人来维护你的组件的时候,因为不熟悉你引入的框架的使用姿势,就会觉得比较蛋疼,维护成本会比较高。

mona-react这是一个按照 React 语法编写的超轻量的 UI 框架,可以解决上面的所有困扰,非常适合应用在开发独立的业务组件。