React Native和React的区别是什么?

我已经开始学习React出于好奇，想知道React和React Native之间的区别-虽然不能找到一个满意的答案使用谷歌。React和React Native似乎有相同的格式。它们的语法完全不同吗?

当前回答

React-Native是一个跨平台的应用程序，使用reactjs为所有平台(iOS, Android, Web, Windows, Mac, Linux)构建相同的代码。

实现上的区别在于reactjs使用HTML标记，而react-native使用react-native特定的组件。

其他回答

下面是React项目。

在Facebook，他们发明了React，这样JavaScript就可以使用虚拟DOM模型更快地操作网站DOM。

DOM完全刷新比React虚拟DOM模型慢，后者只刷新页面的一部分(即部分刷新)。

正如你从这个视频中了解到的，Facebook并没有发明React，因为他们立即意识到部分刷新会比传统的更快。最初，他们需要一种方法来减少Facebook应用程序的重建时间，幸运的是，这带来了部分DOM刷新。

React native只是React的结果。它是一个使用JavaScript构建原生应用程序的平台。

在使用React native之前，你需要掌握Java或Kotlin(适用于Android)， Swift或Objective-C(适用于iPhone和iPad)来创建原生应用。

使用React Native，可以在JavaScript中模仿原生应用程序的行为，最终，你将得到特定于平台的代码作为输出。如果需要进一步优化应用程序，甚至可以混合使用本机代码和JavaScript。

正如Olivia Bishop在视频中所说，85%的React原生代码库可以在平台之间共享。这些将是应用程序通常使用的组件和公共逻辑。

15%的代码是平台特定的。特定于平台的JavaScript赋予了平台特色(并使体验有所不同)。

最酷的事情是这个特定于平台的代码已经编写好了，所以您只需要使用它。

ReactJS是一个JavaScript库，支持前端web和在服务器上运行，用于构建用户界面和web应用程序。它遵循可重用组件的概念。

React Native是一个移动框架，它利用了主机上可用的JavaScript引擎，允许你在JavaScript中为不同的平台(iOS, Android和Windows mobile)构建移动应用程序，允许你使用React js构建可重用的组件，并与本地组件通信

两者都遵循JavaScript的JSX语法扩展。它编译为React。createElement在底层调用。JSX深入

两者都是由Facebook开源的。

React-Native是一个跨平台的应用程序，使用reactjs为所有平台(iOS, Android, Web, Windows, Mac, Linux)构建相同的代码。

实现上的区别在于reactjs使用HTML标记，而react-native使用react-native特定的组件。

简单来说 ReactJS是父库，它返回一些东西来渲染每个主机环境(浏览器，移动，服务器，桌面等)。除了渲染，它还提供了其他方法，如生命周期钩子..等。

在浏览器中，它使用另一个库react-dom来呈现DOM元素。在移动端，它使用React-Native组件来呈现特定平台(IOS和Android)的本地UI组件。所以,

React + React -dom = web开发

React + React -native =移动开发

一个简单的比较应该是

反应Js

return(
    <div>
      <p>Hello World</p>
    </div>
)

反应本地

return(
    <View>
      <Text>Hello World</Text>
    </View>
)

React Native没有像div, p, h1等Html元素，相反，它有对移动设备有意义的组件。详情见https://reactnative.dev/docs/components-and-apis

推荐文章