CATALOGUE Code & Data Formation ReactJS Apprendre React Native - Les fondamentaux

Apprendre à Créer un Projet React Native avec Expo

Retour à la formation
Chapitre 3 Leçon 2
Précédent
Suivant

Découvrez les fondamentaux de la structuration d'un projet React Native avec Expo, en utilisant des éditeurs comme Atom ou VSCode.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous détaillons comment structurer et configurer un projet vierge avec Expo pour le développement d'applications React Native. Nous débutons par l'utilisation de l'éditeur de texte Atom, tout en mentionnant d'autres options comme VSCode ou des éditeurs spécifiques à React Native tels que Deco et Nuclide. Ensuite, nous explorons l'arborescence typique d'un projet Node.js, en mettant l'accent sur package.json pour la gestion des dépendances comme Expo, React, et React Native.

Nous expliquons également comment Watchman surveille les modifications pour recharger automatiquement l'application. Une attention particulière est accordée aux modifications du fichier main.js et à leur impact en temps réel sur le simulateur Expo. Nous couvrons les dossiers et fichiers importants tels que node_modules, exp.json, les assets, ainsi que les fichiers de configuration comme Babel et Watchman.

Enfin, nous avançons dans la création de l'architecture du projet, en organisant les containers, les components, les constants, et les styles pour une application de liste de tweets. Cette organisation facilite la gestion du code et le changement de styles de manière efficace.

Objectifs de cette leçon

Le principal objectif de cette vidéo est de vous apprendre à structurer un projet React Native de manière efficace en utilisant Expo et divers éditeurs de texte.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir une connaissance de base en JavaScript, HTML, CSS, et une compréhension préalable de Node.js est recommandée.

Métiers concernés

Les compétences acquises dans cette vidéo sont applicables aux métiers de développeur mobile, développeur front-end, et ingénieur logiciel spécialisé en applications mobiles.

Alternatives et ressources

En plus d'Atom, vous pouvez utiliser des éditeurs de texte comme VSCode, Deco ou Nuclide pour le développement avec React Native.

Questions & Réponses

Le fichier package.json contient les informations de configuration et les dépendances nécessaires pour faire tourner l'application. Il permet de définir le nom, la version, les scripts, et les paquets requis pour le projet.
Watchman surveille les modifications effectuées dans l'architecture du projet et recharge automatiquement l'application sur le simulateur ou le dispositif connecté, permettant un cycle de développement plus rapide et plus efficace.
Utiliser des composants réutilisables permet de maintenir un code propre et modulaire, facilite les tests et la maintenance, et améliore la productivité en réutilisant les mêmes composants à travers différentes parties de l'application.