yarn workspaces multiple versions of react

#Yarn workspaces multiple versions of react install
#Yarn workspaces multiple versions of react code

While there can be multiple versions of a JavaScript-only library, there can only be one version of a native library - so avoiding version conflicts is important. There are no version conflicts if another package also happens to use the same library, or if the user wants to use the library in their app.

#Yarn workspaces multiple versions of react install

This means that the consumer of the library will need to install the native library and add it to the dependencies section of their package.json.

If your library depends on another react-native library containing native code, you should do the following:Īdd the native library to peerDependencies

#Yarn workspaces multiple versions of react code

How do I add a react-native library containing native code as a dependency in my library? While it can be used for any library, it's primarily tailored to React Native projects to minimize the configuration required. React-native-builder-bob wraps tools such as babel and typescript to simplify these common tasks across multiple projects. And this only works for webpack and Metro, and will fail on Node due to ESM usage. Ideally, we should also keep the configs in sync between our several projects.Īs an example, this is a command that we had in one of the packages:Īs you can see, it's quite long and hard to read. To handle such multiple targets, one solution could is to have multiple babel configs (or TypeScript configs) and have a babel-cli command in our package.json for compilation. In addition, we need to generate type definition files for TypeScript (opens in a new tab) etc. So the code needs to be precompiled so these tools can parse it. Node.js (opens in a new tab) for tests or SSR etc.Browsers or bundlers such as webpack (opens in a new tab) (if we support Web).However, it's also possible to use them in other targets such as:

When using the library in a React Native app, Metro handles compiling the source code. This means that our code needs to be compiled to be able to run on JavaScript engines. as well as proposed syntaxes which aren't part of the standard yet. We often write our library code in non-standard syntaxes such as JSX, TypeScript etc. FAQ Frequently Asked Questions Why should I compile my project with react-native-builder-bob?