在 ReactJS 移动网站中使用原生或类似原生的组件？答案

【问题标题】：Using native or native like components in ReactJS mobile site?在 ReactJS 移动网站中使用原生或类似原生的组件？
【发布时间】：2015-09-29 09:00:33
【问题描述】：

谷歌搜索没有帮助，所以现在我在这里。

现在我们有了 ReacJS 和 React-Native。有没有办法使用 reactJS 在移动 web 视图中创建 react-Native 类型的体验？我为什么要这样做？我有移动电子商务解决方案，其中大多数用户来自以太谷歌搜索或 Facebook 广告。它们越来越多地来自移动设备。

我有本地应用程序，但对于购物来说，除非您是亚马逊、星巴克或 Ebay，否则人们很少安装商务应用程序或在安装后保留它。

我想要构建的网站看起来和感觉尽可能像本机应用程序，但不包含在应用程序安装文件中。对于那些想要的人，我可以使用 firebase 或 Cognito sync with Auth login 来同步移动应用和本机应用，以及在应用和移动视图之间进行深度链接。

我提到 React 是因为它似乎是可行的途径，并且我对此有一些经验，但我愿意接受任何建议。无论使用什么堆栈，它都需要同时工作 android 和 IOS web 视图，剩下的我可以不用。

【问题讨论】：

【解决方案1】：

您可以为网络创建一个类似的应用程序，但请记住 React 的理念不是“一次编写，到处运行”，而是“学习一次，到处编写”。

浏览器 UI 树（也称为 DOM）与 iOS 或 Android UI 树不同，并且使用不同的 API。比如<View />会变成<div />，<TouchableHighlight />会变成<button />等等。

React 允许您像在 RN 中一样内联注入驼峰式样式对象，但大多数浏览器应用程序仍然使用某种形式的 CSS。

我建议使用一个像这样的启动 repo，它已经设置了 Babel 并使用 Webpack 热加载。

这将涉及一些工作，但如果您已经有一个可以工作的应用程序，您应该能够轻松地将其移植过来。

【讨论】：