移植一个完整的反应web应用程序以反应原生

Question

我有一个完整的移动网络应用程序使用以下内容：

1. 阵营
2. 终极版
3. Redux的反应的
4. React Router
5. 火力地堡

我最终希望将此移动网络应用转换为移动应用，我正在研究使用React Native。关于如何从头开始构建React Native应用程序或将Objective-C中的本机应用程序转换为原生应用程序有很多文献，但我正在努力寻找一些如何将移动Web应用程序用于移动Web应用程序的先验技术天然

更具体地说，开箱即用的东西是什么？我在看React-Router。

关于如何开始转换，触摸什么以及不担心什么的一些想法将非常有用。

更新

想象一下以下的app结构。它已经有很多代码了。所以，我想知道是否有办法逐步实现这一目标？

Answer 1

许多人正在通过使用Web View作为初始“进入门”，以递增方式将React应用程序移植到React Native，然后逐个流地使用React Native视图。随着最近的react-native-webview-bridge（https://github.com/alinz/react-native-webview-bridge）的可用性，这些Web视图和react本机组件之间的双向通信现在非常容易。

在iOS上使用Web视图与常规Safari应用程序相比，可能会出现性能问题，因此可能会在您发货之前强制​​将某些UI流转换为React Native。

我强烈建议将任何Selenium测试转换为Appium，以保持自动化测试覆盖率。 React Native仍然有点不稳定，能够快速安全地升级将高度依赖于自动测试套件。

Answer 2

请确保您的API（您有一个），您的reducer以及您在网络文件夹之外的操作，因为您可以在移动应用中使用它们。您的应用结构大部分将是相同的，反应路由器除外。像Jan Fanz Palngipang一样，你可以使用react-native-router-flux（我正在使用的那个） 我建议你检查一下入门工具包，比如nativebase，rReact Starter Pro，看看他们的抽屉是如何工作的。（看看他们如何更换容器）