reactjs 来自不同仓库的React render组件[已关闭]

ie3xauqp  于 5个月前  发布在  React
关注(0)|答案(1)|浏览(90)

已关闭。此问题为opinion-based。目前不接受回答。
**要改进此问题吗?**更新此问题,以便editing this post可以使用事实和引文来回答。

昨天就关门了。
Improve this question
我正在处理一个组件,它需要在我公司的多个应用程序中显示。这些应用程序都是用React/TypeScript编写的,并且都使用不同的存储库,而我正在处理的组件将位于它自己的存储库中。
如何在我的应用程序中呈现不同存储库中的组件?
我的一个想法是将组件作为一个npm包上传,另一个想法是将组件部署在其他地方,并将其呈现为iframe。
我只是在寻找关于应该考虑什么和什么是最佳实践的想法/建议。

cwdobuhd

cwdobuhd1#

我会忘记iframe解决方案:即使你走的是微前端路线,也有比iframe简单得多的方法。
在你的情况下,我会走包的路线。我会有一个库项目,它管理你的公司所依赖的所有共享组件,并发布一个npm包来公开所有这些组件。毕竟,React组件只是函数(或者如果你使用非函数式方法,则是类)。
缺点是:

  • 库需要进行全面的测试和保护以防止回归。实际上这本身并不是一个缺点-这是我们对每个库的期望-但必须记住:由于组件在多个项目中共享,因此对库的次要版本的单一回归可能会产生很大的负面影响。
  • 修复在组件中发现的bug比修复在应用程序本身中处理的组件要慢:你必须经历库的整个发布工作流。

最终,这是值得的,但请记住,质量是这个模式的基本要素:API,测试,全面覆盖和非回归是我们共享组件的基础。

相关问题