已关闭。此问题为opinion-based。目前不接受回答。
**要改进此问题吗?**更新此问题,以便editing this post可以使用事实和引文来回答。
昨天就关门了。
Improve this question的
我正在处理一个组件,它需要在我公司的多个应用程序中显示。这些应用程序都是用React/TypeScript编写的,并且都使用不同的存储库,而我正在处理的组件将位于它自己的存储库中。
如何在我的应用程序中呈现不同存储库中的组件?
我的一个想法是将组件作为一个npm包上传,另一个想法是将组件部署在其他地方,并将其呈现为iframe。
我只是在寻找关于应该考虑什么和什么是最佳实践的想法/建议。
1条答案
按热度按时间cwdobuhd1#
我会忘记iframe解决方案:即使你走的是微前端路线,也有比iframe简单得多的方法。
在你的情况下,我会走包的路线。我会有一个库项目,它管理你的公司所依赖的所有共享组件,并发布一个npm包来公开所有这些组件。毕竟,React组件只是函数(或者如果你使用非函数式方法,则是类)。
缺点是:
最终,这是值得的,但请记住,质量是这个模式的基本要素:API,测试,全面覆盖和非回归是我们共享组件的基础。