React Native

Un article de Wikipédia, l'encyclopédie libre.
Sauter à la navigation Sauter à la recherche
React Native
Description de l'image React-icon.svg.

Informations
Développé par Facebook
Première version le 26 mars 2015, il y a 4 ans[1]
Dernière version 0.60
Licence MIT License
Site web facebook.github.io/react-native/

React Native est un framework d'applications mobiles open source créé par Facebook. [2] Il est utilisé pour développer des applications pour Android [3], iOS et UWP [4] en permettant aux développeurs d’utiliser React avec les fonctionnalitées native de ces plateformes.

Historique[modifier | modifier le code]

En 2012, Mark Zuckerberg a déclaré: "La plus grande erreur que nous ayons commise en tant que société a été de parier trop sur HTML par opposition au natif". [5] 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 thread JavaScript. Ils ont décidé d'organiser un Hackathon interne pour perfectionner ce prototype afin de pouvoir créer des applications natives avec cette technologie[6].

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

Implémentation[modifier | modifier le code]

Les principes de fonctionnement de React Native sont pratiquement identiques à ceux de React, à la différence que React Native ne manipule pas le DOM via le DOM virtuel. Il s'exécute dans un processus en arrière - plan (qui interprète le code JavaScript écrit par les développeurs) directement sur le terminal et communique avec la plate-forme native via une passerelle de sérialisation, asynchrone et par lots. [9],[10] .

React Native n'utilise pas HTML. Au lieu de cela, les messages du thread JavaScript sont utilisés pour manipuler des vues natives.

Exemple "Hello World"[modifier | modifier le code]

Voici l'exemple "Hello World" en React Native:

 1 import React, { Component } from 'react';
 2 import { AppRegistry, Text } from 'react-native';
 3 
 4 export default class HelloWorldApp extends Component {
 5  render() {
 6   return (
 7    <Text>Hello world!</Text>
 8   );
 9  }
10 }
11 
12 // Skip this line if using Create React Native App
13 AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);
14 
15 // The ReactJS code can also be imported into another component with the following code:
16 
17 import HelloWorldApp from './HelloWorldApp';

Références[modifier | modifier le code]