Cours React Native : créer des applications mobiles avec Expo
Applications mobiles avec React Native est un cours de niveau intermédiaire de 5 leçons (environ 1 h 30), avec 15 exercices et 15 questions de quiz. Prérequis : React. Le cours demande un environnement de projet complet, prévu dans une phase ultérieure de la plateforme.
- Mobile
- Intermédiaire
- 5 leçons
- 1 h 30
- 15 exercices
- Environnement de projet complet (phase 2)
Le cours en bref
Ce cours vous apprend à transformer vos compétences React en applications mobiles natives pour iOS et Android avec React Native et Expo. Vous construirez des écrans avec les composants natifs, organiserez la navigation avec Expo Router, chargerez et stockerez des données en pensant au mode hors ligne, accéderez aux fonctions du téléphone dans le respect des permissions, puis préparerez la publication. La logique de l'application est testée automatiquement en JavaScript et les écrans se construisent dans des tâches guidées.
Ce que tu sauras faire
- Construire des écrans mobiles avec les composants natifs, StyleSheet et Flexbox
- Organiser la navigation en pile et en onglets avec Expo Router et afficher des listes performantes
- Charger des données distantes, les mettre en cache localement et gérer le mode hors ligne
- Stocker préférences et secrets avec le bon mécanisme (AsyncStorage, SecureStore)
- Accéder à la localisation, aux photos et aux notifications en gérant les permissions et les refus
- Configurer, compiler et préparer la publication d'une application avec EAS
Programme des 5 leçons
- Créer un projet React Native avec Expo et le lancer sur un téléphone ou un émulateur
- Construire un écran avec les composants natifs View, Text, Image, TextInput et Pressable
- Mettre en page avec StyleSheet et Flexbox en tenant compte des différences avec le CSS du web
- 03
Réseau, stockage local et mode hors ligne
- Appeler une API avec fetch en gérant chargement, erreurs et annulation
- Stocker des données localement avec AsyncStorage et les secrets avec SecureStore
- Concevoir un comportement hors ligne : cache local et file d'envois différés
- 04
Accéder au téléphone : permissions, localisation, photos, notifications
- Demander une permission au bon moment et gérer tous les cas de réponse
- Utiliser la localisation, la galerie ou l'appareil photo avec les modules Expo
- Adapter le comportement selon la plateforme et ouvrir les réglages ou d'autres applications
- 05
Préparer et publier l'application
- Configurer l'identité de l'application : nom, identifiants, icône, version et numéro de build
- Produire des builds de test et de production avec EAS Build et des profils
- Connaître les principes de publication et de mise à jour sur les magasins d'applications
Configuration de l'applicationEAS BuildPublication React Native
Projet final
Application mobile de boutique avec mode hors ligne
Réalisez avec React Native et Expo une application de boutique : onglets Catalogue et Compte, liste des produits en FlatList avec rafraîchissement, fiche produit par identifiant, panier persistant, catalogue affiché depuis le cache hors ligne, jeton d'authentification dans SecureStore, recherche de la boutique la plus proche avec gestion complète des permissions, et un build de test installable produit avec EAS.
Livrables
- Le code source du projet Expo (src/app/, src/components/, src/lib/)
- Les fonctions pures (pile de navigation, cache, file hors ligne, permissions, version) avec leurs tests
- Le fichier app.json ou app.config.ts et eas.json avec les profils
- Un build preview installable (lien EAS ou APK)
- Une courte fiche de publication : description, données collectées, justification des permissions
- Un README expliquant l'architecture et le comportement hors ligne
Critères d'évaluation
- Écrans fidèles aux conventions mobiles (zones sûres, retour, zones d'appui suffisantes, accessibilité)
- Listes performantes et navigation cohérente (push, replace, onglets)
- Données affichées hors ligne et envois non perdus
- Secrets dans SecureStore et aucune clé secrète dans le code
- Permissions demandées en contexte, avec repli en cas de refus
- Configuration de publication correcte (identifiant, version, numéro de build)
Questions fréquentes
Faut-il connaître React pour suivre ce cours ?
Oui. Le cours React est le prérequis : composants, props, état, effets et hooks sont réutilisés tels quels en React Native. Ce cours se concentre sur ce qui change sur mobile.
Faut-il un Mac pour développer une application iOS ?
Pour apprendre, non : l'application Expo Go permet de tester sur un iPhone, et EAS Build peut compiler l'application iOS dans le cloud. Le simulateur iOS, lui, nécessite un Mac.
Pourquoi utiliser Expo ?
Expo est le cadre recommandé par la documentation de React Native pour démarrer : il simplifie la création du projet, les tests sur téléphone, l'accès aux fonctions natives et la compilation.
Le cours explique-t-il comment publier sur les magasins d'applications ?
Il présente les principes : identité de l'application, versions, signature, builds de test et de production, règles de revue et mises à jour. Les démarches de compte et les conditions des magasins sont à consulter auprès d'Apple et de Google.
Ce cours, raconté pour ton métier
Dis ce que tu veux savoir faire : « Applications mobiles avec React Native » prend sa place dans ton parcours, avec des exemples de ton secteur. Les notions restent celles du cours.