React Native

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

React Native

Informations

Développé par	Facebook
Première version	le 26 mars 2015
Dernière version	0.75.3 (11 septembre 2024)
Dépôt	github.com/facebook/react-native
Écrit en	JavaScript, Java, C++, Objective-C et Python
Système d'exploitation	Multiplateforme
Type	Framework JavaScript (en)
Licence	Licence MIT
Site web	reactnative.dev

Historique

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". 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.

Après des mois de développement, Facebook a publié la première version de la configuration JavaScript de React Native en 2015. Lors d'un entretien technique, 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.

Implémentation

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.

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"

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

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

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

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

Voir aussi

Articles connexes

• NativeScript
• Xamarin
• Appcelerator Titanium

Liens externes

(en) Ranjitpal singh, « React Native or Swift » , sur Richestsoft, 23 décembre 2022

(en) Omji Pandey, « node.js and nest » , sur ClonifyNow, 12 août 2024