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 確實幫助了我的工作流程。