React 和 React Native 之间的代码共享

Question

我正在尝试找到一种在类型和 Redux 商店等项目之间共享代码的好方法。 我见过的最好的 3 种方法是：

1. Npm package - 创建私有 package。

• 但是，如果我想在开发时更改 npm package 中的某些内容，我该怎么做？

2. Git 子模块

• 我已经看到这种方式会产生一些副作用。

3. 复制粘贴

• 我现在做的方式xD..但真的很可怕，因为我必须多次更改相同的东西并且可以忘记我已经更改的内容..

你将如何解决这个问题？

Answer 1

您可以使用npm-link cli 在本地安装 package，而不是直接部署到 npmjs.com，然后当您需要在开发过程中进行更改时，它们将自动更新到您的项目

Answer 2

这可能是 monorepo 的情况，使用NX或Lerna 之类的解决方案

您有一个存储库，其中包含多个应用程序以及它们共享的公共代码。 这使得更新共享代码变得微不足道，因为它只在一个地方。

例如，在 NX 中，您的目录结构如下：

apps/
  website/ (React app)
  mobile-app/ (React native app)
  backend/ (Node.js Express app)
libs/
  common-utils/
  fancy-types/
  constants/

如果你想从共享库中获取一些东西，你只需：

import { foo } from '@mymonoreponame/common-utils'

这是一个很大的变化，所以如果您想将这些项目保存在单独的存储库中，这个解决方案不会帮助您。 但在遇到类似问题后，改用 NX monorepo 确实帮助了我的工作流程。