ReactJS本机网络与ReactJS

Question

只是碰巧看到了反应--本地网站(RNW)，我的想法是什么？为什么我们需要对Web版本的另一种反应？我们已经有了ReactJS。

所以我去了它的网站，看到文档说它允许你通过使用React，高质量等等来使用本地组件。

我仍然不太清楚使用RNW的区别和好处。

有人能给我一些具体的例子和性能数据等指点吗？

我知道Twitter和其他几个应用程序都在使用Twitter，但只要告诉我"Twitter正在使用它“就够好了，但还不够清楚，不足以说明不同之处。

Answer 1

老实说，使用react本机web的理由有点美学，举个例子：

React本机是一种纯UI语言。它定义了一些定义UI原语的基本组件，这些组件被认为独立于运行它们的平台。我们可以在React中创建的所有组件都是基于原语(如View、Text或Image )的，它们是对任何视觉界面都有意义的基本元素，无论它在哪里运行。 另一方面，React的原语只是DOM节点-- - 标记(如div、p或a )--它们不是纯UI。它们不是为了定义视觉语言而创建的，而是用来构造和理解超文本的。React的原语在界面之外有意义，在浏览器之外这个意思没有多大意义。

这是取自这里的。我同时开发了ReactJ和RN应用程序和网站，我看到的唯一真正的好处就是统一的编码语言。因为我从RN开始，然后把ReactJs添加到我的简历中，我发现在ReactJS中找到与RN组件相当的RN组件很痛苦，哦，我应该使用p和span来代替文本?哦，它是'input type=‘文本“’not 'TextInput‘等等。我想你明白我的意思了。对于进入RN世界的React开发人员来说，这可能也是一样的。但它也有它的缺点，不幸的是，使用react原生web需要一些麻烦，你必须为它准备你的项目。

谢谢你的解释。请你说得更具体些，为“一些麻烦”提供更多的细节或例子好吗？谢谢!

例如，React本机(及其一些库)是基于允诺框架(这是不正常的JS )，或者Object.assign添加了ES6，为了使用它们，您必须修改webpack.config.js和..bael rc文件，在这些文件中添加多行代码。如果您正在使用其他助手工具，如Flow或Jest等，那么它们也必须进行配置。它确实会让你在一开始就慢下来，但是如果你把时间花在设置上，那么从长远来看，它是有回报的。

Answer 2

如果您需要将一个react本地应用程序移植到web，请使用RNW。如果您只需要创建一个web应用程序，可以使用一个用户界面库，例如material(我最喜欢的ui库)。

Answer 3

问题所在

有些组件，如react导航、pickler、contacts访问器组件等，不完全支持react原生web，在构建web输出时，您将得到模块/组件无法解决的错误！要解决这个问题，最好的方法是将代码(组件)分成4个部分(文件夹)：

   project-folder/
       android/
       ios/
       web/
       common/

您将编写公共文件夹中的所有平台支持的组件，以及它们自己文件夹中特定于平台的一些组件。

作为一名开发人员，您将使用大量的条件和代码作为我的意见，代码库将足够大的来混淆！

另一个问题将是web应用的响应性，很多年前，我们试图让桌面制作的网站在移动屏幕上被响应地呈现。这些天来，我们正在努力使移动网站在桌面屏幕上做出响应，而在桌面屏幕上却没有太多的space-between！

其他批准

1. 您可以使用reactjs本机只用于为ios和android开发应用程序，使用HTML、JS或reactjs开发网站。
2. 您可以开发用于android和ios的浏览器可安装的PWA网站，并可以存储数据供脱机使用。