React Native 和 React 有什么区别？

React Native 和 React 在很多方面是相似的，因为 React Native 是基于 React 的，但是它们也有一些关键的区别，主要体现在它们的使用平台和渲染机制上。

React

React 是一个用于构建用户界面的JavaScript库，它专注于构建Web应用程序的前端。React 使用了一种名为JSX的语法，它允许开发者在JavaScript代码中编写类似HTML的结构。

特点：

• Virtual DOM：React 通过使用虚拟DOM来优化DOM操作，提高渲染性能。
• 组件化：React 强调构建可重用的组件，这有助于代码的维护和管理。
• 单向数据流：React 通常与如Redux这样的状态管理库一起使用，以提供一个可预测的单向数据流环境。

React Native

React Native 是一个用于构建原生移动应用的框架，它允许开发者使用JavaScript和React来构建iOS和Android应用程序。

特点：

• 跨平台：使用React Native，开发者可以用相同的代码库创建在iOS和Android上运行的应用程序。
• 原生组件：React Native将React的组件转换成对应平台的原生组件，这样可以保证用户获得接近原生应用的体验。
• 动态更新：React Native支持热更新，允许开发者直接推送更新到用户的设备上，而无需经过应用商店的审核。

主要区别

• 平台：React 通常用于构建Web应用程序，而 React Native 则用于构建移动应用程序。
• 渲染机制：React 在浏览器中使用虚拟DOM来渲染Web界面，而React Native 使用的是桥接技术（Bridge）来调用原生模块，这样可以使得应用在不同的设备上拥有原生的性能和外观。
• 样式：React 使用CSS来定义样式，而React Native 则使用JavaScript对象来定义样式，这些样式对象最后会被转换成对应平台的样式规则。
• 导航：Web应用的导航是建立在URL和浏览器历史上的，而移动应用则通常使用屏幕之间的导航堆栈。

示例：

在React中，你可能会这样创建一个按钮组件：

jsx
function MyButton() {
  return <button className="my-button">Click me</button>;
}

在React Native中，相同的按钮组件会是这样：

jsx
import { Button } from 'react-native';

function MyButton() {
  return <Button title="Click me" />;
}

总结来说，虽然React和React Native在设计理念和开发模式上有着很多共通之处，但它们是为不同平台和不同类型的应用程序设计的。React 更适合Web应用程序的开发，而React Native 则是为了解决移动应用开发中的跨平台问题。

ReactJS 是一个用于构建 UI 组件层次结构的框架。每个组件都有状态和道具。数据通过 props 从顶层组件流向底层组件。使用事件处理程序在顶级组件中更新状态。

React Native 使用 React 框架来构建移动应用程序的组件。React Native 为 iOS 和 Android 平台提供了一组基本组件。React Native 中的一些组件包括 Navigator、TabBar、Text、TextInput、View、ScrollView。这些组件在内部使用原生 iOS UIKit 和 Android UI 组件。React Native 还允许使用 NativeModules，其中 iOS 的 Objective-C 和 Android 的 Java 编写的代码可以在 JavaScript 中使用。

注意：React Native 作为一个框架，允许使用与 HTML 和 CSS 类似的语法来开发移动应用程序。React Native 组件有效地取代了原生开发中的 HTML。

首先，相似之处： React 和 React Native (RN) 都旨在创建灵活的用户界面。这些框架有很多好处，但最基本的要点是它们是为 UI 开发而设计的。Facebook 在 React 几年后开发了 RN。

React： Facebook 设计这个框架几乎就像在 HTML/XML 中编写 JavaScript 一样，这就是为什么这些标签被称为“ JSX ”（JavaScript XML）并且类似于熟悉的类似 HTML 的标签，例如<div>或<p>。React 的一个标志是大写字母标签，它表示自定义组件，例如<MyFancyNavbar />，它也存在于 RN 中。然而，React 使用DOM。DOM 是为 HTML 而存在的，因此 React 用于 Web 开发。

React Native： RN不使用HTML，因此不用于Web开发。它用于……几乎所有其他用途！移动开发（iOS 和 Android）、智能设备（例如手表、电视）、增强现实等。由于 RN 没有可交互的 DOM，因此它没有使用 React 中使用的同类 HTML 标签，而是使用其标签然后被编译成其他语言。例如，<div>RN 开发人员使用 RN 的内置标签代替<View>标签，该标签在底层编译成其他本机代码（例如android.view在 Android 上；UIView在 iOS 上）。

简而言之：它们非常相似（对于 UI 开发），但用于不同的媒介。