Share code in two applications in React Native

Question

I have two applications that actually use the same code base (inside the src folder), with the exception of several configurations. The current folder structure is as follows:

├── app1
│   ├── android
│   ├── index.android.js
│   ├── index.ios.js
│   ├── ios
│   ├── node_modules
│   ├── package.json
│   └── src
└── app2
    ├── android
    ├── index.android.js
    ├── index.ios.js
    ├── ios
    ├── node_modules
    ├── package.json
    └── src

Inside index.android.jsand index.ios.jsI need modules from src / folder, for example.import MainView from './src/mainView';

Thus, I have to maintain the same code base in two different places, which is certainly not ideal. This is why I would like to have a folder structure like this:

├── app1
│   ├── android
│   ├── index.android.js
│   ├── index.ios.js
│   ├── ios
│   ├── node_modules
│   └── package.json
├── app2
│   ├── android
│   ├── index.android.js
│   ├── index.ios.js
│   ├── ios
│   ├── node_modules
│   └── package.json
└── src

Unfortunately, the required calls do not correctly resolve the path with this structure. When I use import MainView from '../src/MainView', the following error message appears:

Is there any other way to achieve what I want?

Answer 1

.

src. .

Answer 2

. , watchman. RN .

, , npm ( , ). . GitHub ( ), GH repos .