Les Bases de React Native

Installation des Différents Composants

  • Node.js : indispensable pour gérer les paquets via npm ou yarn.
  • React Native CLI ou Expo CLI : pour initialiser et gérer des projets React Native.
  • Android Studio (pour Android) et Xcode (pour iOS) : pour l’émulation et le développement des applications sur les appareils virtuels.
  • Éditeur de code comme Visual Studio Code pour écrire le code.


Création d’un Projet et Composants de Bases

1) Création d’un Projet

  • Avec Expo : npx create-expo-app MonProjet
  • Avec React Native CLI : npx react-native init MonProjet

Expo est idéal pour débuter car il simplifie le processus d’installation et le développement, mais React Native CLI offre plus de contrôle et de flexibilité pour accéder aux fonctionnalités natives.

2) Composants de Bases

  • View : conteneur de base pour les composants UI.
  • Text : pour afficher du texte.
  • Image : pour afficher des images.
  • Button : pour créer des boutons basiques.
  • ScrollView : pour faire défiler le contenu.
  • FlatList et SectionList : pour afficher des listes.

Ces composants de base sont cruciaux pour structurer l’interface utilisateur.