你如何启动一个 React Native npm 库?

Question

我有一些在RN应用程序中编写的代码，我想开源并将其发布在npm上供其他人使用。编写纯 JS React Native 库的最佳工作流程是什么？谢谢！

Answer 1

因此，这些是如何创建可重用的 React Native 库并将其发布到 NPM 的步骤：

1. 在 https://npmjs.com 创建一个帐户
2. 打开命令行终端，键入：
   npx create-react-native-library your-library-name-here
3. cd your-library-name-here
4. npm login
5. npm install --save react-native-builder-bob
6. npm install
7. npx react-native-builder-bob build
8. npm publish

您可以在 https://npmjs.com 主页上验证此库现在是否在那里。现在，要测试它，您必须创建另一个 React Native 应用程序，它将取决于新创建的库：

1. 打开终端
2. npx react-native init MyTestApp
3. cd MyTestApp
4. npx install --save your-library-name-here
5. 修改主代码入口点App.js并调用库中将两个数字相乘的方法以证明库有效。
6. 打开另一个终端，转到项目根文件夹并键入：npx react-native start.
7. 从步骤 #1 的主终端中，键入：npx react-native run-android

这些步骤需要正确安装的Android Studio IDE和node(Nodejs)。创建 react-native 库的步骤已经有一个名为multiply(a, b)的可调用预制测试方法。

Answer 2

如果你的模块是纯 JS，你可以简单地按照以下步骤发布到 npm： https://docs.npmjs.com/getting-started/publishing-npm-packages

本质上，您正在从主文件(index.js)导出组件。这一切都应该在你的package.json中定义 RN 示例：https://github.com/ugiacoman/react-native-calendar 我将很快将此包发布到 npm :)

如果您的模块需要本机代码，则可以使用此生成器来设置项目： https://github.com/frostney/react-native-create-library