如何组织两个共享组件的React项目？

Question

我有两个React项目。它们共享大多数组件(在某些道具上略有不同)。此外，他们使用的Redux也将共享相似的数据模型(95%是相同的)，并且在一些reducer操作上有所不同(一个有，另一个没有)。

它们的前端页面/容器由行为相似的组件组成。我希望在两个项目之间共享公共组件，并且我可以传入不同的属性，让它们以不同的方式呈现。

理想情况下，这两个项目应该生成两个不同的工件，但将它们放在单个存储库中似乎更好。我不确定我应该如何组织我的项目。

Lerna应该可以工作，但是对于我的场景来说会不会太复杂？实际上，在大多数情况下，组件实现和处理逻辑都是相似的。

Answer 1

一种解决方案是维护3个不同的项目:每个现有项目一个，以及包含共享组件的单独“库”。您可以创建3个单独的git存储库，也可以在每个项目各自的子目录中创建一个存储库。有了3个独立的git repos，你就可以发布库项目，这样你就可以用npm安装它了。这可以是公共NPM注册表，如果您希望共享库，也可以是私有注册表。