用于 React 和 React Native 的可插入跨平台软件设计
Pluginable cross-platform software design for react & react native
我想设计一个跨平台(Android、iOS、Web)的可插件软件,这意味着每个人都可以轻松地为其开发插件,用户可以从市场并安装它。每个插件都可以:
- 在后端与核心应用共享数据
- 在 Apps 和 Web 中有一个自定义 UI,最好使用标准 UI-kit 以保持一致性(例如 Shopify polaris)
在后端,有很多像OAuth这样的软件设计的最佳实践。但在前端,问题并不简单:
是否有任何跨平台的 UI-kit 用于 react 和 react-native?例如,使用 Expo v33+ 或 ReactNativeWeb we can build the code for android/ios and web but I can't find any cross-platform UI-kit. (NativeBase, Elements 或类似的跨平台 UI-套件仅适用于 Android 和 iOS)
在前端,插件如何共享 UI 使用 react 和 react-native(或者理想的跨平台 UI 套件)以某种方式在核心中动态呈现(不需要任何更新,例如,插件提供端点和 return 一个 react/native 组件,核心将呈现它)
1 - 据我所知,它们很少,比如 React Universal UI
2 - 对于上述 UI 工具包,组件构建方式(导入保持不变)的区别是在运行时在样板文件中完成的:
网络(反应)
$ ruui dev
IOS(本机响应)
$ react-native run-ios
Android(本机响应)
$ react-native run-android
如果你想让你的组件在运行时被导入,好吧,这在 web env 中肯定是可能的(你也可以用 react-create-app 做到这一点,开发服务器打开并且没有生产静态构建) .
对于 Android 和 IOS,您需要额外构建并订阅您的应用以供审核,然后再去商店(AppStore 和 Google Play)
我想设计一个跨平台(Android、iOS、Web)的可插件软件,这意味着每个人都可以轻松地为其开发插件,用户可以从市场并安装它。每个插件都可以:
- 在后端与核心应用共享数据
- 在 Apps 和 Web 中有一个自定义 UI,最好使用标准 UI-kit 以保持一致性(例如 Shopify polaris)
在后端,有很多像OAuth这样的软件设计的最佳实践。但在前端,问题并不简单:
是否有任何跨平台的 UI-kit 用于 react 和 react-native?例如,使用 Expo v33+ 或 ReactNativeWeb we can build the code for android/ios and web but I can't find any cross-platform UI-kit. (NativeBase, Elements 或类似的跨平台 UI-套件仅适用于 Android 和 iOS)
在前端,插件如何共享 UI 使用 react 和 react-native(或者理想的跨平台 UI 套件)以某种方式在核心中动态呈现(不需要任何更新,例如,插件提供端点和 return 一个 react/native 组件,核心将呈现它)
1 - 据我所知,它们很少,比如 React Universal UI
2 - 对于上述 UI 工具包,组件构建方式(导入保持不变)的区别是在运行时在样板文件中完成的:
网络(反应)
$ ruui dev
IOS(本机响应)
$ react-native run-ios
Android(本机响应)
$ react-native run-android
如果你想让你的组件在运行时被导入,好吧,这在 web env 中肯定是可能的(你也可以用 react-create-app 做到这一点,开发服务器打开并且没有生产静态构建) .
对于 Android 和 IOS,您需要额外构建并订阅您的应用以供审核,然后再去商店(AppStore 和 Google Play)