如何“同步”reactNative和React组件库?

公司想开发一套相同UI的组件库,需要ReactReactNative来实现,主要面向App和H5移动端。

那么问题来了:
虽然分别用ReactReactNative实现同一套并且UI完全相同的组件库,在开发或者维护阶段该如何保持同步呢?难道每次更改一个组件,一定要React那边改一次,ReactNative那边也要改一次吗?

请赐教好的方法来解救我吧~~

阅读 3.9k
3 个回答

react是学习一次 到处编写。不同于Java的写一次运行任何地方。
ReactNative 看起来很像React,只不过其基础组件是原生组件而非web组件。
React是存js的。所以两者是不同的。

写到common内,import进来不就好了...
company
--- web
--- wap
--- app
--- common
wap/web/app里引入common里的组件,如果app里很深层目录引入common的内容可以用webpack resolve一下,设置一个默认路径

答案是肯定可以一份代码,但是成本太大了。首先可以这么想,react和RN能否共用一套代码?绝大多数会说一个依赖原生组件,一个依赖web组件(html),做不到一份代码。那么真的就做不到么?为什么不把基础组件做一个hack呢,根据环境去替换基础组件。但是css也是一个痛点,然后再做一份webCss-RNcss映射?babel时做替换?成本太高。后期更改时,也不会因为你是一份代码,会高效起来

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题