React Native permet de développer des applications mobiles natives pour iOS et Android avec un seul code JavaScript. Cette formation couvre tout le cycle de développement : composants, navigation entre écrans, communication avec des API REST, authentification et déploiement sur les stores. Elle s’adresse aux développeurs web qui veulent accéder au développement mobile sans apprendre Swift ou Kotlin.
Public visé
Développeurs mobiles, développeurs Web, architectes, chefs de projets techniques.
Prérequis
Avoir suivi cette formation, ou en maîtriser les thèmes abordés :
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Reconnaître les Framework de développement mobile et la spécialité de React Native
- Mettre en place un environnement de développement React Native
- Concevoir l’architecture logicielle d’une application mobile multiplateforme
- Construire une interface utilisateur fluide et performante
- Utiliser les principaux composants et les API natives proposées par React Native
Programme
Jour 1 - Matin
Présentation de React Native
- Historique et positionnement dans l’écosystème mobile
- Différences entre React (Web) et React Native
- Fonctionnement : bridge natif, composants natifs vs Webview
- Présentation de l’environnement de développement :
- Node.js, npm, Expo, React Native CLI
- VS Code, Android Studio, Xcode (si possible)
Travaux pratiques
- Création d’une première application “Hello React Native !”
- Explication de l’architecture des fichiers
- Lancement sur un émulateur
Jour 1 - Après-midi
Les bases de la programmation React Native
- Le langage JSX
- Composants React
- Cycle de vie
- Props
- State et style
- Composants React Native
- Positionnement des composants
- Style et thème
- Les outils de déboggage
- Gestion des formulaires
- Affichage des données dans des listes (FlatList)
Travaux pratiques
- Réaliser une application CRUD simple
Jour 2 - Matin
Navigation entre écrans
- Installation et configuration de React Navigation
- Stack Navigator, Tab Navigator et Drawer Navigator
- Passage de paramètres entre écrans
Travaux pratiques
- Création de la première partie d’une application de commerce électronique : catalogue produits et page détails
Jour 2 - Après-midi
Gestion des données de l’application
- Gestion de l’état de l’application avec les Hooks : useState, useContext, useReducer
- Gestion de l’état d’une application complexe avec Redux
- Utilisation d’AsyncStorage pour la persistance des données locales
Communication avec des APIs REST
- Utilisation de fetch et axios pour la communication avec un serveur distant
- Appels GET, POST, PUT et DELETE
- Gestion des listes et composants dynamiques
Travaux pratiques
- Ajouter les fonctionnalités de gestion du panier et de persistance des données à l’application de commerce électronique
Jour 3 - Matin
Gestion de l’authentification
- Authentification via une API ou Firebase Authentication
- Gestion des tokens et navigation conditionnelle
Travaux pratiques
- Intégration de l’authentification dans l’application de commerce électronique et ajout d’un composant de validation de la commande pour les utilisateurs authentifiés
Intégration des fonctionnalités natives
- Accès caméra (Expo Camera)
- Accès GPS
- Notifications locales
- Gestion des permissions (Expo-permissions)
Travaux pratiques
- Dans l’application de commerce électronique, intégration de l’envoi de notifications lorsqu’une commande est validée
Jour 3 - Après-midi
Compilation et déploiement
- Compilation en APK (Android)
- Test sur appareils physiques
- Présentation des options de déploiement sur Google Play et App Store
Travaux pratiques
- Finalisation de l’application de commerce électronique et déploiement sur un smartphone Android
Modalités pédagogiques
Formation délivrée en présentiel ou distanciel (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Moyens mis en oeuvre :
- Ordinateurs Mac ou PC, connexion internet fibre
- Tableau blanc ou paperboard
- Vidéoprojecteur ou écran tactile interactif
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
Modalités d’évaluation des acquis
- En cours de formation : études de cas ou travaux pratiques
- En fin de formation : questionnaire d’auto-évaluation
Formation DEV-REACTNATIVE-100 — React-native. Domaine : Développement. Niveau : Initiation. Durée : 3 jours (21 heures). Mots-clés : react native, javascript, développement, initiation, mobile, multiplateforme, android, ios. Cylian Formation, Dijon.