React Native + React(针对web)种子项目

Question

是否可以设置一个项目,其中包含React Native(移动应用程序)+ React(Web)的代码,除了UI部分之外,平台之间的代码都是粉碎的.

使用此种子与Angular + NativeScript做了类似的事情,这使得本机应用程序和Web应用程序之间的代码共享成为可能(除了UI层).寻找类似于React + React Native的东西.

如果您知道React Native + Angular的任何此类种子,请分享(如果有).

Answer 1

Jonathan Kaufman有一篇关于如何设置它的好文章:http://jkaufman.io/react-web-native-codesharing/

基本策略是为每个平台(android/ios/web)设置不同的入口点(index.js).然后,大多数非呈现代码可以存在于共享app或common文件夹中.你仍然需要隔离你的渲染代码(即使用的View,div等等),虽然,因为这将通过平台不同.

请注意对该文章的评论,因为对这种方法的缺陷有一些很好的讨论.例:

通过在本机和Web之间共享一个公共的package.json,你可以通过它们的共同依赖关系将它们粘合在一起,最重要的是依赖它们.假设您升级到依赖于> = react @ 16的react-native版本,但您的Web应用程序依赖于依赖于= <react @ 15的其他库.--timtas

Answer 2

您可以尝试使用React-Native-Web,但是您应该创建2个不同的项目,隔离和复制可以在两者上使用的项目(如api请求和util函数).您的代码将更易于调试和维护.