React Native

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

Informations
Développé par Facebook
Première version le 26 mars 2015, il y a 5 ans[1]
Dernière version 0.63
Dépôt github.com/facebook/react-nativeVoir et modifier les données sur Wikidata
Écrit en JavaScriptVoir et modifier les données sur Wikidata
Type JavaScript
Framework JavaScript (en)Voir et modifier les données sur Wikidata
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és 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:

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

export default class HelloWorldApp extends Component {
 render() {
  return (
   <Text>Hello world!</Text>
  );
 }
}

// Skip this line if using Create React Native App
AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);

// The ReactJS code can also be imported into another component with the following code:

import HelloWorldApp from './HelloWorldApp';

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

Voir aussi[modifier | modifier le code]

Articles connexes[modifier | modifier le code]