créer la première application avec réagir natif

Introduction

React Native est un framework JavaScript permettant de créer des applications mobiles qui s'exécutent sur des appareils iOS et Android. Il utilise la même conception que React, permettant aux développeurs de créer une application mobile en utilisant une structure familière basée sur des composants. React Native utilise des composants natifs, ce qui signifie que l'application aura une apparence plus native et fonctionnera mieux qu'une application purement Web. De plus, React Native permet la réutilisation du code entre iOS et Android, ce qui rend le développement plus rapide et plus efficace.

Mise en place de l'environnement de développement

Exécutez la commande suivante pour créer un nouveau projet React Native appelé "myApp":

npx create-expo-app myApp

cd myApp
npx expo start

Connectez-vous au même réseau sans fil que votre PC et téléchargez l'application Expo Go sur votre appareil iOS ou Android. Utilisez l'application Expo Go pour Android pour ouvrir votre projet en scannant le code QR depuis votre terminal. Utilisez le scanner de code QR intégré de votre application iOS Camera native.

Modification de votre application

Modifions l'application maintenant que vous l'avez exécutée avec succès. Modifiez certaines lignes dans l'éditeur de texte de votre choix en ouvrant App.tsx. Une fois vos modifications enregistrées, l'application devrait s'actualiser automatiquement.

Et voilà!

Toutes nos félicitations! Vous avez exécuté et modifié avec succès votre première application React Native.

Pour plus de détails, vous pouvez consulter la documentation de React Native ici .

Exécutez-le sur le Web.

Avant de pouvoir lancer votre application sur le Web, vous devez d'abord installer Expo globalement en exécutant cette commande.

npm i -g expo-cli

npm run web

Vous ne devez installer que d'autres dépendances à l'aide de cette ligne de commande :

npx expo install react-native-web@~0.18.9 [email protected] @expo/webpack-config@^0.17.2

Conclusion

En conclusion, React Native est un cadre puissant et flexible pour créer des applications mobiles qui fonctionnent à la fois sur iOS et Android.

En utilisant les mêmes principes de conception que React, les développeurs peuvent créer rapidement et facilement une application mobile à l'aide d'une structure familière basée sur des composants.

Avec la possibilité d'utiliser des composants natifs, l'application aura une apparence et une convivialité plus natives et fonctionnera mieux qu'une application purement Web.

De plus, la réutilisation du code entre iOS et Android rend le développement plus rapide et plus efficace. Avec ses nombreux avantages, il n'est pas étonnant que React Native devienne un choix populaire pour le développement d'applications mobiles.