Qualiopi
Développez des Applications Mobiles avec React
Utilisez vos compétences React pour bâtir des apps iOS et Android natives.
4 jours
2 800 € HT
React Native
JavaScript/TypeScript
React Navigation
Expo
AsyncStorage
Axios/Fetch
Flipper
Intéressé par cette formation ?
Contactez-nous pour planifier une session.
Objectifs pédagogiques
- Transposer les concepts de React Web au développement mobile natif.
- Concevoir des interfaces mobiles performantes en utilisant Flexbox et les composants natifs.
- Maîtriser les différents types de navigation propres aux applications mobiles.
- Intégrer des fonctionnalités matérielles (Caméra, GPS) via l'écosystème de bibliothèques.
- Savoir optimiser, signer et publier une application sur les stores officiels.
Programme
Jour 1 : Architecture et Fondamentaux
- Philosophie React Native : Comprendre le fonctionnement du Bridge (Pont) vs JSI (JavaScript Interface).
- Configuration de l'environnement : Expo (démarrage rapide) vs React Native CLI (contrôle total).
- Composants de base : View, Text, Image, ScrollView et StyleSheet (Flexbox sur Mobile).
- Atelier : Création d'une interface de bienvenue responsive adaptée aux différents formats d'écran.
Jour 2 : Navigation et Interaction Utilisateur
- React Navigation : Mise en place du Stack Navigator, Tab Navigator et Drawer.
- Gestion des entrées : TextInput, boutons personnalisés et gestion des gestes (Pressable, Touchable).
- Cycle de vie mobile : Gérer les états de l'application (Foreground, Background).
- Atelier : Développement d'une application multi-écrans avec une navigation fluide et des formulaires.
Jour 3 : Données, Réseau et Performance
- Communication API : Fetch et gestion des données asynchrones avec les Hooks (useEffect, Custom Hooks).
- Listes Performantes : FlatList et SectionList pour gérer de gros volumes de données sans ralentissement.
- Stockage Persistant : Utilisation d'AsyncStorage pour sauvegarder les préférences utilisateur localement.
- Atelier : Création d'un client pour une API REST avec mise en cache locale des résultats.
Jour 4 : Modules Natifs, Natif et Publication
- Accès au matériel : Utilisation de bibliothèques tierces pour la caméra, la géolocalisation et les notifications push.
- Native Modules : Introduction à l'écriture de ponts personnalisés vers Swift (iOS) ou Java/Kotlin (Android).
- Optimisation : Debugging avec Flipper et réduction du temps de démarrage (Bundle size).
- Déploiement : Génération des fichiers .ipa (iOS) et .aab (Android) pour les stores.
- Atelier Final : Intégration de la géolocalisation en temps réel et préparation d'un build de test via TestFlight ou Google Play Console.
Prérequis
- Maîtrise de JavaScript ES6+ et de la bibliothèque React (Hooks, composants).
- Connaissances de base du fonctionnement des terminaux mobiles (iOS/Android).
Public cible
- Développeurs Web React souhaitant devenir développeurs mobile fullstack.
- Architectes Web voulant unifier leur base de code client.
- Équipes techniques cherchant une solution de développement rapide avec un large écosystème.
Prochaines sessions
Aucune session planifiée.
Contactez-nous pour organiser une session.
Contactez-nous pour organiser une session.
Prêt à vous former ?
Contactez-nous pour obtenir un devis personnalisé.