reactjs - React Native + React(针对 Web)种子项目

Question

是否可以设置一个项目，其中包含 React Native(移动应用)+ React(网络)的代码，并在除 UI 部分之外的平台之间分解代码。

使用 this seed 与 Angular + NativeScript 做了类似的事情，这使得 native 应用程序和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 等的使用)，因为这会因平台而异。

还要注意该文章的评论，因为对这种方法的陷阱进行了一些很好的讨论。示例:

By sharing a common package.json between native and web, you've glued them together by their common dependencies, the most important one being react. Let's say you upgrade to a version of react-native that depends on >= react@16, but your web app depends on some other library which depends on =< react@15. --timtas