Réagir natif - React Native

Réagir natif
React-icon.svg
Développeur(s) Facebook et communauté
Première version 26 mars 2015 ; Il y a 6 ans ( 2015-03-26 )
Version stable
0,65.1 / 19 août 2021 ; il y a 35 jours ( 2021-08-19 )
Dépôt https://github.com/facebook/react-native
Écrit en JavaScript , Java , C++ , Objective-C , Objective-C++ , Python
Plate-forme Android , Android TV , iOS , macOS , tvOS , Web , Windows , UWP et VR
Taper Cadre applicatif
Licence Licence MIT
Site Internet réactif .dev

React Native est un framework logiciel d' interface utilisateur open source créé par Facebook, Inc. Il est utilisé pour développer des applications pour Android , Android TV , iOS , macOS , tvOS , Web , Windows et UWP en permettant aux développeurs d'utiliser le framework React avec natif capacités de la plate-forme. Il est également utilisé pour développer des applications de réalité virtuelle chez Oculus .

Histoire

En 2012, Mark Zuckerberg a commenté : « La plus grosse erreur que nous ayons commise en tant qu'entreprise a été de trop miser sur le HTML par rapport au natif ». L'utilisation de HTML5 pour la version mobile de Facebook a entraîné une application instable qui récupérait lentement les données. Il a promis que Facebook offrirait bientôt une meilleure expérience mobile.

À l'intérieur de Facebook, Jordan Walke a trouvé un moyen de générer des éléments d' interface utilisateur pour iOS à partir d'un fil JavaScript en arrière-plan , qui est devenu la base du framework Web React . Ils ont décidé d'organiser un Hackathon interne pour perfectionner ce prototype afin de pouvoir créer des applications natives avec cette technologie.

Après des mois de développement, Facebook a publié la première version de la configuration JavaScript de React en 2015. Lors d'une discussion technique, Christopher Chedeau a expliqué que Facebook utilisait déjà React Native en production pour son application de groupe et son application de gestion des publicités.

Mise en œuvre

Les principes de fonctionnement de React Native sont pratiquement identiques à React sauf que React Native ne manipule pas le DOM via le DOM virtuel . Il s'exécute dans un processus d'arrière - plan (qui interprète le JavaScript écrit par les développeurs) directement sur l'appareil final et communique avec la plate-forme native via des données sérialisées sur un pont asynchrone et par lots .

Les composants React enveloppent le code natif existant et interagissent avec les API natives via le paradigme d'interface utilisateur déclarative de React et JavaScript .

Bien que le style React Native ait une syntaxe similaire à CSS, il n'utilise pas HTML ou CSS . Au lieu de cela, les messages du fil JavaScript sont utilisés pour manipuler les vues natives. React Native permet également aux développeurs d'écrire du code natif dans des langages tels que Java ou Kotlin pour Android , Objective-C ou Swift pour iOS , et C++/WinRT ou C# pour Windows 10 , ce qui le rend encore plus flexible.

Microsoft crée et maintient React Native pour Windows et React Native pour macOS .

Bonjour tout le monde exemple

Un programme Hello, World dans React Native ressemble à ceci : 

import { AppRegistry, Text } from 'react-native';
import * as React from 'react';

const HelloWorldApp = () => {
  return <Text>Hello world!</Text>;
}

export default HelloWorldApp;

AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

Voir également

Les références