reactjs - 用于 React 和 React Native 的可插入跨平台软件设计

Question

我想设计一个跨平台(Android、iOS 和 Web)的可插件软件，这意味着每个人都可以轻松地为其开发插件，并且用户可以从市场上选择插件并安装它。每个插件都可以:

• 与核心应用共享后端数据
• 在应用程序和网络中拥有自定义 UI，最好使用标准 UI 套件以保持一致性(例如 Shopify polaris)

在后端，有很多软件设计的最佳实践，比如OAuth。但在前端，问题并不简单:

1. 是否有适用于 React 和 React-Native 的跨平台 UI 套件？例如，使用 Expo v33+ 或 ReactNativeWeb我们可以为 android/ios 和 web 构建代码，但我找不到任何跨平台的 UI 套件。 ( NativeBase 、 Elements 或类似的跨平台 UI 套件仅适用于 Android 和 iOS)

2. 在前端，插件如何使用react和react-native(或者理想的跨平台UI工具包)以某种方式在核心中动态渲染(无需任何更新，例如，插件提供一个端点并返回一个react/native组件，核心将渲染它)

Answer 1

1 - 据我所知，其中很少，例如 React Universal UI

2 - 使用上述 UI 工具包，如何构建组件(导入保持不变)的区别是在运行时在样板中完成的:

网络( react )

$ ruui dev

IOS(React Native)

$ react-native run-ios

Android(React Native)

$ react-native run-android

如果你希望你的组件在运行时导入，那么，这在 Web 环境中肯定是可能的(你也可以使用react-create-app 来完成，开发服务器打开并且没有产品静态构建)。

对于 Android 和 IOS，您需要额外构建并订阅您的应用以进行审核，然后才能再次进入商店(AppStore 和 Google Play)