了解 React 与 React Native

我们人类会混淆很多东西。 混淆可能是基于事物的不同特征而产生的。 混淆不同事物的最常见方式是它们的名称。

人们首先会知道一个新事物的名称。 要么是另一个人,要么是动物,要么是产品,要么是软件,等等,他们会用自己的名字搜索,然后他们就会了解不同的功能、应用、历史等等,

这是为什么?

是的,人们经常对术语(名称)React 和 React Native 感到困惑。 如果非技术人员看到 React 和 React Native 这两个名字,在大多数情况下,他们会认为 React Native 是 React 的扩展。 如果他们在这些领域的知识为 0%,即使是一些技术人员也可能会以同样的方式思考。

那些东西究竟是什么? 为什么人们经常对他们感到困惑,而不是对其他人?

反应反应本机 是两个框架。 这些名字看起来很相似,只是它们之间多了一个词。 所以,人们往往会因为乍看名字而混淆。 如果您也有同样的困惑,那么您来对地方了,可以揭开它们背后的谜团。

让我们找出来。

反应

React 是一个用于构建单页 Web 应用程序的 JavaScript 库。 它是为网络构建用户界面(前端)的最受欢迎的库之一。 也许我们可以说它是目前最受欢迎的图书馆。 它由 Facebook 创建和维护。 它也被称为 ReactJS。

由于我有使用 React 的经验,我可以说它很漂亮并且易于学习和构建。 这是一个图书馆。 因此,我们可以通过利用其功能构建我们想要的任何东西。 使用 React 开发应用程序时没有严格的规则可循。 这样,我们就会有自由。

React 有很多很酷的特性。 让我们看看它们。

#1。 成分

在 React 中,一切都是组件。 它就像 Web 应用程序的构建块。 我们可以通过组合小组件来形成大组件。 每个组件都有自己的状态和控制。 组件控制用户界面并根据其状态决定向用户显示什么。

组件就是 React 中的一切。 而且它们是可重复使用的。 一次编写,随处使用。

我们需要非常小心地编写组件。 当我们的应用程序增长时,它使事情易于维护。 如果我们在单个组件中编写大量代码,最终将成为我们维护的负担。 React 组件应该小而甜。 他们使开发人员的生活既是天堂又是地狱。

#2。 虚拟DOM

您应该已经在按钮中看到了类似加载器的东西。 在社交媒体平台上,点赞数会随着你的点击而增加。 在网络的早期,我们必须重新加载所有内容才能获取信息。 但是,现在一个需要更新的单曲会为我们刷新,而不会触及其他东西。 这是怎么回事?

正如我们之前所见,React 中的一切都是组件。 浏览器维护 Web 应用程序元素的 DOM 结构。 当 Web 应用程序的一部分需要更新时,我们必须使用 DOM 操作来更新它。 React 高效地做同样的事情。

  如何退出 Vi 或 Vim 编辑器

React 为其所有组件创建一个虚拟 DOM(DOM 的副本)。 为了更新 Web 应用程序中的某些内容,React 将真实 DOM 与虚拟 DOM 进行比较。 如果有任何变化,React 会触发更新组件。

#3。 单向数据流

在没有数据流的情况下,我们无法将大组件集拆分成更小的组件。 组件之间的数据流必须有某种方式。

React 允许我们将数据从一个组件单向传递到另一个组件。 数据从父组件流向子组件。 并且子组件无法更新数据。 由于数据流是单向的,因此无法将数据发送回父组件。

您可能首先认为它不是多向数据流。 但是,单向数据流使我们能够更好地控制多向数据流。

概述

还有许多其他功能,如 JSX、条件渲染等。 他们是次要的。 我们已经看到了 React 库的主要特性。 谈到 React 的应用,我们几乎可以用它构建任何类型的 Web 应用。 React 的社区非常庞大。 你可以找到很多与 React 一起工作的包。

反应本机

React Native 是一个用于开发跨平台移动应用程序的 JavaScript 框架。 它也是由 Facebook 创建和维护的。

大多数人都会对上述声明感到惊讶。

我们可以使用单一框架为 Android 和 IOS 创建移动应用程序吗?

如果您不关注科技界的更新,那么您就不可能知道它。 是的,我们可以使用 React Native 创建跨平台(Android 和 IOS)应用程序。 并且存在用于跨平台应用程序开发的其他框架。

React Native 是同类中最受欢迎的之一。 由于本机应用程序中的 JavaScript 限制,它不是最受欢迎的一种。 但是,它在其发展领域大放异彩。 甚至像 Facebook、Instagram、Flipkart 等大公司也在使用它。 这并不意味着您应该使用它。 这意味着我们可以使用 React Native 构建跨平台的生产级应用程序。

我在上面的段落中使用了一组称为 Native Applications 的词。 这些是什么? 这不是某种新型的应用程序。 本机应用程序是专门为特定平台创建的。 适用于 Android 手机的 Android 应用程序、适用于 iPhone 手机的 IOS 应用程序、适用于 Windows 的 Windows 应用程序等。

React Native 中的 Native 是怎么回事? 说到这里,React Native 就按照我们的意愿创建了一个同时适用于 Android 和 IOS 的原生应用。 使用 React Native 开发的应用程序与 Android Studio 一样是原生的,适用于 Android,适用于 IOS。

  修复 Disney Plus Hotstar 应用程序未加载

也许创作者因此将其命名为 React Native。 不是事实。

说到 React Native 的特性,有一大堆等着我们。 让我们看看它们的一些主要功能。

#1。 跨平台

我们可以使用一个代码库同时为 Android 和 IOS 创建移动应用程序。 它为公司节省了大量的时间和金钱。

#2。 热重载或实时重载

如果您有 React 或 React Native 应用程序的经验,那么您可能知道它。 当我们更改代码时,此功能会使用新更新重新加载整个应用程序。 我们不必每次更改代码时都按重新加载按钮。 更新代码并查看更改。 而已。 除非有错误,否则我们不必等待任何事情。

对您来说,这似乎是次要功能。 但是,如果你是从没有任何框架的 android 开发而来,你就会明白 React Native 中这个特性的价值。

#3。 UI 库和社区

React Native 中有很多内置的原生组件。 我们可以直接使用它们,无需任何额外的设置或安装。 本机组件在各自的平台中看起来是本机的。 React Native 应用程序 UI 与 IOS 原生 UI 以及 Android 原生 UI 相匹配。 React Native 具有类似于 React 的组件。

说到社区。 它很大,而且还在不断增加。 当你陷入困境时,你可以毫无困难地从社区获得帮助。

概述

您可以在 Internet 上找到 React Native 的许多其他功能。 如果您要进行移动应用程序开发,也可以探索它们。 前端开发人员还可以使用 React Native 开发本机应用程序。 它使跨平台移动应用程序的开发变得容易。

反应比。 反应本机

React 和 React Native 之间有一些相同点和不同点。 让我们看看它们。

说到 React 和 React Native 的应用,它们是完全不同的。 但是,当谈到原则时,它们看起来很相似。 React 和 React Native 都有组件。 并且在各自的开发中遵循相同的原则。

两者都使用JavaScript语言进行开发。 让我们在两者中查看一个简单的 Hello, World 应用程序。

  适合您社区的 10 款最佳房主协会 (HOA) 软件

反应

import React, { Component } from 'react';
import './App.css';
 
class App extends Component {
  render() {
    return (
      <div className="container">
        <h1>Hello, Wolrd!</h1>
      </div>
    );
  }
}
 
export default App;

反应本机

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

const App = () => {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center"
      }}>
      <Text>Hello, world!</Text>
    </View>
  )
}
export default App;

可以看到,它们都使用了 React 包。 这两个应用程序的语法看起来很相似,因为它们使用称为 JSX 的特殊标记。 但是当涉及到渲染部分时,它们都使用不同的东西。 React 使用 Virtual DOM,而 React Native 使用 Native API 进行 UI 渲染。

有一些外部包,如 Redux、MobX 等,用于 React 应用程序的语句管理。 同样的包也可以用在 React Native 应用程序中。

React 和 React Native 都使用 JavaScript。 因此,我们几乎可以将每个 JavaScript 包与它们一起使用。 这会在它们的包库中添加很多包。

React 和 React Native 是相互关联的。 但是,它们用于不同的目的。

结论

React 和 React Native 在最终产品和应用程序平台方面是不同的。 但是,它们在各自应用程序的开发中遵循相似的原则。 如果你可以学习 React 或 React Native 这两个框架中的一个,你可以加快学习另一个框架的速度。 但是,React Native 应用程序的开发需要 React 知识。 但是,这还不够。 我们需要更多地了解原生应用程序的开发,因为 React Native 的支持有限。

让我们希望它最终会在未来得到全面支持。

如果你希望开始 Web 或移动应用程序开发,那么选择 React 或 React Native 肯定会让你在未来受益。 但这不是强制性的。

如果你学习 React 的概念是小菜一碟 懂JavaScript. 官方文档将是您开始使用 React 或 React Native 的重要资源。

快乐知道🙂