简单的React Js是为web React Native是为跨平台移动应用程序!

反应:

React是一个声明性的、高效的、灵活的JavaScript库 构建用户界面。

本机反应:

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. React Native lets you build your app faster. Instead of recompiling, you can reload your app instantly. With hot reloading, you can even run new code while retaining your application state. Give it a try - it's a magical experience. React Native combines smoothly with components written in Objective-C, Java, or Swift. It's simple to drop down to native code if you need to optimize a few aspects of your application. It's also easy to build part of your app in React Native, and part of your app using native code directly - that's how the Facebook app works.

基本上React是web应用视图的UI库，使用javascript和JSX, React native是React之上的一个额外库，用于iOS和Android设备的原生应用。

React代码示例:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);

React Native代码示例:

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          If you like React on the web, you'll like React Native.
        </Text>
        <Text>
          You just use native components like 'View' and 'Text',
          instead of web components like 'div' and 'span'.
        </Text>
      </View>
    );
  }
}

有关React的更多信息，请访问facebook团队创建的官方网站:

https://reactjs.org/

有关React Native的更多信息，请访问下面的React Native网站:

https://reactnative.dev/

在Reactjs中，虚拟DOM用于在Reactjs中渲染浏览器代码，而在React Native中，本地api用于渲染移动设备中的组件。

用Reactjs开发的应用程序在UI中渲染HTML，而React Native使用JSX来渲染UI，这只是javascript。

下面是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赋予了平台特色(并使体验有所不同)。

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

总结:React.js用于Web开发，而React-Native用于移动应用程序开发

React Native主要是用JavaScript开发的，这意味着你需要开始的大部分代码都可以跨平台共享。React Native将使用本地组件进行渲染。React Native应用程序是用目标平台所需的语言开发的，iOS的Objective-C或Swift, Android的Java等。所编写的代码不是跨平台共享的，它们的行为各不相同。他们可以直接使用平台提供的所有功能，不受任何限制。

React是Facebook开发的一个开源JavaScript库，用于构建用户界面。它用于处理web和移动应用程序的视图层。ReactJS用于创建可重用的UI组件。它是目前It领域最流行的JavaScript库之一，它有强大的基础和庞大的社区支持。如果你学习ReactJS，你需要有JavaScript, HTML5和CSS的知识。