Quelle est la différence entre React Native et React?

J'ai commencé à apprendre React par curiosité et je voulais connaître la différence entre React et React Native-mais je n'ai pas pu trouver de réponse satisfaisante en utilisant Google. React et React Native semblent avoir le même format. Ont-ils une syntaxe complètement différente?

364
demandé sur Amit Verma 2016-01-06 22:51:57

24 réponses

ReactJS est une bibliothèque JavaScript, prenant en charge à la fois le Web frontal et l'exécution sur le serveur, pour créer des interfaces utilisateur et des applications web.

React Native est un framework mobile qui compile les composants d'applications natives, vous permettant de créer des applications mobiles natives (iOS, Android et Windows) en JavaScript qui vous permet d'utiliser ReactJS pour créer vos composants et implémente ReactJS sous le capot.

Les deux sont open source par Facebook.

420
répondu Nader Dabit 2016-06-23 09:20:57

Google ne peut pas vous expliquer cela, comme vous l'avez dit, Mais Google serait si heureux s'ils ont inventé React.

Voici le Réagir projet ( https://github.com/facebook/react ).

Sur Facebook, ils ont inventé React afin que JavaScript puisse manipuler le DOM du site Web plus rapidement en utilisant le modèle DOM virtuel.

L'actualisation complète du DOM est plus lente que le modèle React virtual-dom , qui n'actualise que des parties de la page (Lire: partial rafraîchir).

Comme vous pouvez le comprendre à partir de cette vidéo , Facebook N'a pas inventé React car ils ont immédiatement compris que le rafraîchissement partiel serait plus rapide que le conventionnel. A l'origine, ils avaient besoin d'un moyen de réduire le temps de reconstruction de L'application Facebook et, heureusement, cela a donné vie au rafraîchissement partiel du DOM.

Réagir natif ( https://github.com/facebook/react-native ) est simplement une conséquence de Réagir. C'est une plate-forme pour construire des applications natives à l'aide de JavaScript.

Avant React native vous deviez connaître Java pour Android ou Objective-C pour iPhone et iPad pour créer des applications natives.

Avec React Native, il est possible d'imiter le comportement de L'application native en JavaScript et à la fin, vous obtiendrez du code spécifique à la plate-forme en sortie. Vous pouvez même mélanger le code natif avec le JavaScript si vous avez besoin d'optimiser davantage votre application.

Comme Olivia Bishop l'a dit dans la vidéo , 85% de la base de codeReact native peut être partagée entre les plates-formes. Ce seraient les composants que les applications utilisent généralement et la logique commune.

15% du code est spécifique à la plate-forme. Le JavaScript spécifique à la plate-forme est ce qui donne la saveur de la plate-forme ( et fait la différence dans l'expérience ).

La chose cool est ce code spécifique à la plate-forme-est déjà écrit, donc vous avez juste besoin de l'utiliser.

139
répondu prosti 2018-07-24 01:55:51

Réagir:

React est une bibliothèque JavaScript déclarative, efficace et flexible pour création d'interfaces utilisateur.

Réagir Natif:

Réagir Natif permet d' créez des applications mobiles en utilisant uniquement JavaScript. Il utilise le même design que Réagissez, vous permettant de composer une interface utilisateur mobile riche de declarative composant.{[10] } avec React Native, vous ne créez pas une " application web mobile", une "application HTML5", ou une "application hybride". Vous construisez un vrai application mobile qui est indiscernable d'une application construite en utilisant Objective - C ou Java. Réagir Native utilise les mêmes blocs de construction de L'interface utilisateur fondamentale que iOS et Applications Android. Vous venez de mettre ces blocs de construction ensemble en utilisant JavaScript et réagir.
React Native vous permet de créer votre application plus rapidement. Au lieu de recompiler, vous pouvez recharger votre application instantanément. Avec eau chaude rechargement, vous pouvez même exécuter un nouveau code tout en conservant votre application état. Essayer - c'est magique expérience.
Réagir Natif se combine en douceur avec des composants écrits en Objective-C, Java ou Swift. Il est simple de passer au code natif si vous avez besoin d'optimiser quelques aspects de votre application. Il est également facile de construire une partie de votre application dans React Native et une partie de votre application utilisant du code natif directement-voilà comment fonctionne L'application Facebook.

Donc fondamentalement React {[6] } est une bibliothèque D'interface utilisateur pour la vue de votre application web, à l'aide de javascript et JSX, Réagir natif est une bibliothèque en haut de React, pour créer une application native pour iOS et Android appareil.

Réagir exemple de code:

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')
);


Réagir Natif exemple de code:

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>
    );
  }
}

Pour plus d'informations sur React , visitez le site officiel de facebook:

Https://facebook.github.io/react

Pour plus d'informations sur Réagir Natif, visite de Réagir natif site web ici:

Https://facebook.github.io/react-native

35
répondu Alireza 2018-06-10 11:59:47

ReactJS est un framework pour construire une hiérarchie de composants D'interface utilisateur. Chaque composant a l'état et les accessoires. Les données circulent du haut vers les composants de bas niveau via des accessoires. L'état est mis à jour dans le composant de niveau supérieur à l'aide de gestionnaires d'événements.

React native utilise React framework pour créer des composants pour les applications mobiles. React native fournit un ensemble de composants de base pour les plates-formes iOS et Android. Certains des composants de React Native sont Navigator, TabBar, Text, TextInput, View, Le ScrollView. Ces composants utilisent des composants iOS UIKit et Android UI natifs en interne. React native permet également NativeModules où le code écrit dans ObjectiveC pour iOS et Java pour Android peut être utilisé dans JavaScript.

33
répondu vijayst 2016-08-20 04:13:08
  1. React-Native est un framework pour le développement D'Applications Android et iOS qui partage 80% à 90% du code Javascript.

Alors Que Réagir.js est une bibliothèque JavaScript parent pour le développement d'applications web.

  1. Pendant que vous utilisez les balises <View>, <Text> très fréquemment dans Réagissent-Native, de Réagir.js utilise des balises Web html comme <div> <h1> <h2>, qui ne sont que des synonymes dans le dictionnaire des développements web/mobiles.

  2. Pour Réagir.js vous avez besoin de DOM pour le chemin rendu des balises html, tandis que pour l'application mobile: React-Native utilise AppRegistry pour enregistrer votre application.

J'espère que c'est une explication facile rapide différences/similitudes de Réagir.js et de Réagir Indigènes.

17
répondu Анураг Пракаш 2017-05-23 06:22:07

React est une bibliothèque JavaScript déclarative, efficace et flexible pour la création d'interfaces utilisateur.Vos composants indiquent à React ce que vous voulez rendre – alors React mettra à jour et rendra efficacement les bons composants lorsque vos données changent. Ici, ShoppingList est une classe de composant React ou un type de composant React.

Une application native React est une véritable application mobile. Avec React Native, vous ne créez pas une "application web mobile", une "application HTML5 " ou une"application hybride". Vous construisez une véritable application mobile c'est indiscernable d'une application construite en utilisant Objective - C ou Java. React Native utilise les mêmes éléments fondamentaux de L'interface utilisateur que les applications iOS et Android habituelles.

Plus d'Informations

8
répondu Bipon Biswas 2017-08-29 04:31:10

ReactJS est un framework de base, destiné à construire un composant isolé basé sur un modèle réactif, vous pouvez le considérer comme le V de MVC, bien que je voudrais dire que react apporte une sensation différente, surtout si vous êtes moins familier avec le concept réactif.

ReactNative est une autre couche qui est destinée à avoir un composant set Pour la plate-forme Android et iOS qui sont communs. Donc, le code semble fondamentalement le même que ReactJS Car est ReactJS, mais il se charge nativement dans mobile plate. Vous pouvez également relier une API relative plus complexe et plus plate - forme avec Java/Objective-C/Swift en fonction du système d'exploitation et l'utiliser dans React.

7
répondu Necronet 2017-04-18 21:50:39

React Native est principalement développé en JavaScript, ce qui signifie que la plupart du code dont vous avez besoin pour commencer peut être partagé entre les plates-formes. React Native rendra en utilisant des composants natifs. Les applications natives React sont développées dans la langue requise par la plate-forme qu'elle cible, Objective-C ou Swift pour iOS, Java pour Android, etc. Le code écrit n'est pas partagé entre les plates-formes et leur comportement varie. Ils ont un accès direct à toutes les fonctionnalités offertes par la plate-forme sans restriction.

React est une bibliothèque JavaScript open-source développée par Facebook pour créer des interfaces utilisateur. Il est utilisé pour gérer la couche de vue pour les applications web et Mobiles. ReactJS utilisé pour créer une interface utilisateur réutilisable components.It est actuellement l'une des bibliothèques JavaScript les plus populaires dans le domaine informatique et il a une base solide et une grande communauté derrière elle.Si vous apprenez ReactJS, vous devez avoir une connaissance de JavaScript, HTML5 et CSS.

7
répondu Ramya Ram 2017-05-22 12:09:09

React-Native est un framework, où ReactJS est une bibliothèque javascript que vous pouvez utiliser pour votre site web.

React-native fournit des composants de base par défaut (images, texte), où React fournit un tas de composants et les fait fonctionner ensemble.

5
répondu iPragmatech 2017-03-07 12:37:14

En ce qui concerne le cycle de vie des composants et toutes les autres cloches et sifflets, c'est la plupart du temps la même chose.

La différence est principalement le balisage JSX utilisé. React en utilise un qui ressemble à html. L'autre est le balisage utilisé par react-native pour afficher la vue.

5
répondu Scott Blanch 2017-07-25 20:12:07

Tout d'Abord, les similitudes: les Deux réagissent & réagissent-natif (RN) ont été conçus pour permettre aux développeurs de créer des interfaces utilisateur. Il y a des tonnes d'avantages à ces cadres, mais le plus fondamental à emporter est qu'ils sont faits pour le développement de L'interface utilisateur.

Réagir: Facebook (qui a développé RN quelques années après react) a conçu ce framework pour être presque comme écrire votre JavaScript dans votre HTML / XML, c'est pourquoi les balises sont appelées " JSX " (JavaScript XML) (par exemple les balises HTML familières telles que <div> ou <p>). Une caractéristique de React est les balises majuscules qui dénotent un composant personnalisé, tel que <MyFancyNavbar />, ce qui est également vrai pour RN. Cependant, là où ils diffèrent, C'est que React utilise le DOM. Comme le DOM existe pour HTML, React est donc utilisé pour le développement web.

Réagir Natif: RN n'utilise pas HTML, et par conséquent, il n'est pas utilisé pour le développement web. Il est utilisé pour... pratiquement tout le reste! Développement Mobile (iOS et Android), appareils intelligents (par exemple, montres, téléviseurs), réalité augmentée, etc. Puisque RN n'a pas de DOM pour interagir avec, au lieu d'utiliser le même type de balises HTML utilisées dans React, il utilise ses propres balises qui sont ensuite compilées dans d'autres langages. Par exemple, au lieu des balises <div>, les développeurs RN utiliseront la balise <View> intégrée à RN, qui compilera dans un autre code natif sous le capot (par exemple android.view sur Android; et UIView sur iOS).

En bref: ils sont très similaires (pour le développement de L'interface utilisateur) mais utilisé pour différents médiums.

5
répondu Ryo-code 2018-07-14 19:53:08

React Native est pour les applications mobiles alors que React est pour les sites web (front-end). Les deux sont des cadres inventés par Facebook. React Native est un framework de développement multi-plateforme qui signifie que l'on pourrait écrire presque le même code pour IOS et Android et cela fonctionnerait. Personnellement, je sais beaucoup plus sur React Native, donc je vais le laisser à cela.

4
répondu S. Sinha 2017-08-08 23:29:51

Réagir est la base de l'abstraction de Réagir Natif et Réagir DOM, donc si vous allez travailler avec Réagissent Natifs, vous aurez également besoin de Réagir... même chose avec le web, mais au lieu de React Native, vous aurez besoin de React DOM.

Puisque React est l'abstraction de base, la syntaxe générale et le workflow sont les mêmes, mais les composants que vous utiliseriez sont très différents, vous devrez donc apprendre ces différences. write anywhere " parce que si vous connaissez React (abstraction de base), vous pouvez simplement apprendre les différences entre la plate-forme sans apprendre un autre langage de programmation, la syntaxe et le flux de travail.

4
répondu Sharlon M. Balbalosa 2018-09-28 16:12:35

React JS est une bibliothèque Javascript où vous pouvez développer et exécuter des applications web plus rapides en utilisant React .

React Native vous permet de créer des applications mobiles en utilisant uniquement JavaScript,il est utilisé pour le développement D'applications mobiles . plus d'infos ici https://facebook.github.io/react-native/docs/getting-started.html

3
répondu Nischith 2017-03-02 12:46:16

Expliquer très simple, Réagir et Réagir natif suit les mêmes principes de conception, sauf dans le cas de la conception de l'interface utilisateur.

  1. React native dispose d'un ensemble distinct de balises pour définir l'utilisateur interface pour mobile, mais react utilise html-css pour définir les interfaces
  2. L'intention principale des deux systèmes est de réutiliser les interfaces utilisateur
  3. les deux suivent l'architecture basée sur les composants

Quoi Qu'il en soit, c'est un excellent framework pour construire une interface utilisateur pour mobile et web

3
répondu Manzoor Samad 2017-04-03 16:05:28

De Réagir.js

Réagir.js souvent appelé React ou ReactJS est une bibliothèque JavaScript responsable de la construction d'une hiérarchie de composants de L'interface utilisateur ou en d'autres termes, responsable du rendu des composants de l'interface utilisateur. Il fournit un support pour frontend et Côté Serveur.

Réagir Natif

React Native est un framework permettant de créer des applications natives à L'aide de JavaScript. React Native compile des composants d'application natifs, ce qui vous permet de créer applications mobiles natives. Dans React JS, React est L'abstraction de base de React DOM pour la plate-forme web, tandis qu'avec React Native, React est toujours l'abstraction de base mais de React Native. Ainsi, la syntaxe et le flux de travail restent similaires, mais les composants sont différents.

de Réagir.js a été développé par Facebook pour répondre à son besoin d'une interface utilisateur(UI) dynamique et performante. En 2011, Jordan Walke et son équipe de Facebook ont publié la bibliothèque React JS, une bibliothèque JavaScript qui a réuni la vitesse de JavaScript et une nouvelle façon de rendre les pages, conduisant à une entrée utilisateur réactif et dynamique. En 2015, deux ans après L'équipe open sourced React.js et sa popularité a augmenté, ils ont publié React Native.

3
répondu Pyae Sone 2018-03-06 07:35:52

ReactJS est une bibliothèque javascript qui est utilisée pour construire des interfaces web. Vous auriez besoin d'un bundler comme webpack et essayez d'installer des modules dont vous auriez besoin pour construire votre site web.

React Native est un framework et il est livré avec tout ce dont vous avez besoin pour écrire des applications iOS et android intégrées. Vous devez installer xcode et android studio pour créer et exécuter votre application.

Contrairement à ReactJS, React-Native n'utilise pas de HTML mais des composants similaires que vous pouvez utiliser sur iOS et android pour construisez votre application. Ces composants utilisent des composants natifs réels pour créer les applications ios et android. Grâce à cela, les applications React-Native se sentent réelles contrairement aux autres plates-formes de développement hybrides. Components augmente également la réutilisabilité de votre code car vous n'avez pas besoin de créer à nouveau la même interface utilisateur sur ios et android.

Je recommande à tous les développeurs ios et android de s'amuser avec cette bibliothèque.

1
répondu Ashish Pisey 2018-03-15 05:23:13

Réagir est-ce que la bibliothèque Javascript pour construire une application web grande/petite interface comme Facebook.

Réagir natif est-ce que JavaScript framework pour développer une application mobile native sur Android, IOS et Windows Phone.

Les deux sont open source par Facebook.

1
répondu Daniel Agus Sidabutar 2018-03-26 17:50:12

Réagir Natif est très similaire à ReactJS d'une certaine manière, mais il y a des différences que vous devez savoir avant de commencer votre première application native. Il est un cadre de développement d'applications mobiles hybride disponible pour iOS et Android. ReactJS et de Réagir Indigènes sont similaires, mais dans d'autres, ils sont complètement différents. ReactJS est le noyau de React Native, la compréhension du premier est la clé.

ReactJs souvent appelé React ou ReactJS est une bibliothèque JavaScript responsable pour construire une hiérarchie des composants de L'interface utilisateur ou en d'autres termes, responsable du rendu des composants de L'interface utilisateur. Il fournit un support pour frontend et Côté Serveur. Réagir.js est juste la partie V du framework MVC, une bibliothèque destinée à rendre vos vues.

1
répondu umarbilal 2018-09-11 10:28:07

Réagir Natif est Mobile et de Réagir est pour les applications web

0
répondu yabna 2018-04-23 20:17:34

Voici les différences que je connais:

  1. ils ont des balises html différentes: React Native utilise pour gérer le texte et au lieu de in React.
  2. React Native utilise des composants palpables au lieu d'un bouton normal élément.
  3. React Native a des composants ScrollView et FlatList pour le rendu des listes.
  4. React Native utilise AsyncStorage alors que React utilise le stockage local.
  5. dans React, les routeurs natifs fonctionnent comme une pile, tandis que dans React, nous utilisez des composants D'itinéraire pour la cartographie de la navigation.
0
répondu Dusty 2018-05-16 20:21:12

React est un framework utilisé pour développer les applications web.

React native est un framework utilisé pour développer les applications mobiles (iOS et Android).

0
répondu Anilkumar 2018-05-29 12:24:57

Sur Facebook, ils ont inventé React pour que JavaScript puisse manipuler site web DOM plus rapide en utilisant les modèles Dom virtuels. Voici le React projet ( https://github.com/facebook/react ). L'actualisation complète DOM est plus lente que les modèles React virtual-dom qui actualise uniquement la partie de la page (Lire: actualisation partielle).

Facebook ils ont inventé réagir non pas parce qu'ils ont compris immédiatement les rafraîchissements partiels seront plus rapides que les rafraîchissements conventionnels. A l'origine, ils avaient besoin d'un moyen de réduire l'application Facebook re-build temps et heureusement cela a apporté les rafraîchissements partials DOM à la vie.

Le natif React ( https://github.com/facebook/react-native ) est juste une conséquence de Réagir. Il est une plate-forme pour construire une application native en utilisant JavaScript.

Avant de React native, vous deviez connaître Java pour Android ou Objective-C pour iPhone et iPad pour créer une application native.

Avec React Native, il est possible de imiter le comportement du natif applications en JavaScript et aux extrémités, vous obtiendrez la plate-forme spécifique code les sorties. Vous pouvez même mélanger le code natif avec le JavaScript si vous avez besoin d'optimiser davantage vos applications.

0
répondu Shashank Malviya 2018-06-07 12:51:40

On ne peut pas les comparer exactement. Il y a des différences dans usecase .

(mise à jour 2018)


ReactJS

A comme principales focus : Développement Web

    • le DOM virtuel de React est plus rapide que le modèle d'actualisation complet classique , puisque le DOM virtuel n'actualise que des parties de la page.
    • Vous pouvez réutiliser les composants de code dans React JS, vous économisant beaucoup de temps. ( comme vous pouvez dans RN aussi)
    • en tant Qu'entreprise: le rendu complet de vos pages, du serveur au navigateur, améliorera le référencement de votre application web .
    • Il améliore la vitesse de débogage rendant la vie de votre développeur plus facile.
    • Vous pouvez utiliser le développement d'applications mobiles hybrides, comme Cordova ou Ionic pour construire des applications mobiles aussi, avec ReactJS, mais il construit plus efficacement applications mobiles avec React Native de nombreux points.

Réactnatif

une extension de réagir, nichées sur le Développement Mobile.

    • son objectif principal - > est tout au sujet de interface utilisateur Mobile .
    • IOS & Android couvert.
    • réutilisable React native UI Composants et modules qui permettent le rendu des applications hybrides en mode natif.
    • Pas besoin de réviser votre ancienne application. Tout ce que vous avez à faire est ajouter des composants D'interface utilisateur natifs React dans le code de votre application existante, sans avoir à réécrire.
    • n'utilise pas HTML pour rendre l'application . Fournit des composants alternatifs qui fonctionnent de la même manière, il ne serait donc pas difficile de les comprendre.
    • parce que votre code n'est pas rendu dans une page HTML, cela aussi cela signifie que vous ne pourrez pas réutiliser les bibliothèques que vous avez précédemment utilisées avec ReactJS {[2] } qui rendent N'importe quel type de HTML, SVG ou Canvas.
    • React-Native n'est pas fabriqué à partir d'éléments web et ne peut pas être stylé de la même manière. Au revoir Animations CSS

J'espère que je vous ai aidé:)

0
répondu Adrian Gheorghe 2018-09-20 20:57:40