- ACN_ATLAS
- Cours pratique
- Informatique
Formation React Native : Développer une application mobile native multi-plateformes
Développement d’applications multi-plateformes iOS et Android en utilisant les composants natifs
- Durée
- 3 jours
- Niveau
- Intermédiaire
- Modalités
- Présentiel / Distanciel
Description de la formation React Native
À la sortie des framework de développement d’applications mobiles multiplateformes (Phonegap principalement), beaucoup d’entreprises, dont Facebook et LinkedIn, ont saisi l’occasion de mutualiser les développements entre Android et Apple afin de gagner en maintenabilité et en coût. Une fois les applications développées et publiées sur les stores, l’engouement du public ne fut pas au rendez-vous : les performances étaient mauvaises et le rendu pas à la hauteur des applications natives si bien que ces entreprises ont fait complètement machine arrière.
Pour garder les avantages du développement multiplateformes sans avoir les défauts liés au Framework Cordova, Facebook a créé en 2015 sur la base du framework JavaScript React, React Native, destiné au développement d’applications mobiles natives. Sa particularité de permettre le développement d’applications multi-plateformes utilisant des composants natifs à partir de JavaScript. On a donc les avantages du développement multiplateformes avec les avantages du développement natif.
C’est pourquoi sa popularité n’a cessé de croître aujourd’hui et que beaucoup d’entreprises ont placé cette technologie au centre de leur développement, parmi lesquelles Facebook, Airbnb, Amazon Video, Netflix, New York Times, Instagram, Yahoo, Dropbox.
Objectifs pédagogiques
À l’issue de cette formation React Native, vous aurez acquis les connaissances et les compétences nécessaires pour :
- Comprendre les frameworks de développement mobile et la spécificité de React Native
- Mettre en place un environnement de développement React Native
- Concevoir l’architecture logicielle d’une application mobile multiplateformes
- Construire une interface utilisateur fluide et performante
- Utiliser les principaux composants et les API natives proposées par React Native
Objectifs opérationnels
Savoir créer des applications mobiles multiplateformes avec React Native.
Programme
Contenu du cours, module par module
10 modules
- Comprendre les frameworks de développement mobile
- Histoire et positionnement de React Native (vs Flutter, Ionic, etc.)
- Architecture et principes clés
- L’écosystème Expo : CLI, SDK, Services de build
Travaux pratiques
Description : Création d’un projet de base, installation des dépendances et prise en main de l’émulateur
- Les fondamentaux ES6+ : let, const, fonctions fléchées, gestion de l’asynchrone avec async/await
- Modularisation : import et export pour organiser son code, opérateur de propagation (spread)
- Gestion des dépendances avec npm et yarn : installation, scripts, versionnage des packages
- Philosophie de React : composants réutilisables et UI pilotée par l’état
- Spécificités de React Native (rendu natif, API spécifiques, style en JS)
- Fonctionnement des composants fonctionnels : Syntaxe, comparaison avec les Hooks
- Gestion locale de l’état et des effets de bord avec useState et useEffect
- Différences entre propriétés et état interne (props et state), le cycle de vie des composants
Travaux pratiques
Description : Réalisation d’une liste interactive avec formulaire d’ajout simple
- Vue d’ensemble : View, Text, Image, FlatList, ScrollView(
- Mise en page avec Flexbox
- Gestion des événements utilisateurs
Travaux pratiques
Description : Conception d’un écran d’accueil avec l’utilisation de Flexbox pour un layout adaptatif, la gestion des événements tactiles, et l’application de styles performants pour iOS etAndroid.
- Camera : Module expo-camera, permissions associées et intégration dans un composant React Native.
- Localisation : Module expo-location, Configuration de la précision et de la fréquence de mise à jour.
- Notifications : Module expo-notifications, envoi/réception des notifications locales ou push, tokens, canaux Android.
- Accès aux fichiers et au media avec expo-media-library et expo-document-picker
- Gérer les permissions avec Expo : Permissions.getAsync et Permissions.askAsync
Travaux pratiques
Description : Enrichissement de l’atelier précédent avec une fonctionnalité de géolocalisation affichant la position actuelle sur une carte, ainsi qu’un composant caméra permettant la capture et l’affichage d’une image.
- Présentation des concepts de gestion d’état global
- Centraliser l’état avec un store Zustand (création, lecture, mise à jour de l’état)
- Conseils sur l’organisation du code et la structuration des stores (logique métier, composant et état)
Travaux pratiques
Description : Implémentation d’un panier ou système de favoris dans l'application
- Présentation et comparaison des différentes librairies de navigation
- Mise en place de React Navigation : navigation entre plusieurs écrans, gestion des paramètres
- Ajout d’animations et navigation fluide
Travaux pratiques
Description : Création d’un écran de détails et intégration au flux principal
- Présentation de TanStack Query (ex-React Query) pour la récupération et le cache de données
- Mise en place d’un Query Client et utilisation de useQuery/useMutation
- Récupérer et afficher des données depuis une API REST, gérer les états de chargement et d’erreur
Travaux pratiques
Description : Intégration d’un appel API avec affichage conditionnel (ex : liste d’articles)
- Notifications push avec Expo
- Stockage local sécurisé avec AsyncStorage / SecureStore
- Bonnes pratiques UI : responsive design, gestion des images, animations
- Réduire le temps de chargement et optimiser l’expérience utilisateur
- Présentation d’Expo Application Services (EAS)
- Build pour iOS/Android : configuration du projet avec eas.json, gestion des profils de build, création des binaires .apk et .ipa via la CLI ou le tableau de bord Expo.
- Mises à jour OTA (Over The Air) : Automatiser les mises à jour de contenu sans re-soumettre l’application aux stores, contraintes de versionning.
- Personnalisation des builds : variables d’environnement, intégration continue, multi-environnements.
- Préparation à la publication : checklist finale (icônes, splash screen, permissions, app.json), vérification de conformité, et bonnes pratiques.
Travaux pratiques
Description : Mise au point d’une pipeline de publication avec EAS, pour génération binaire iOS et Android. Simulation d’une une mise à jour OTA.
Programme mis à jour le 12/01/2026
Public concerné
Cette formation React Native s’adresse aux développeurs JavaScript (web ou mobile) souhaitant concevoir une application mobile multiplateformes exploitant la bibliothèque React avec les fonctionnalités natives de chacune des plateformes visées. Elle concerne donc les développeurs affectés à des projets ou la flexibilité et les performances constituent les exigences premières, avec la contrainte supplémentaire de la nativité.
Prérequis
Les participants doivent nécessairement posséder une expérience pratique de programmation en JavaScript. Le développement ou la participation préalable à la conception d’une application mobile, même hybride et mono-plateforme, leur permettra de comprendre plus rapidement les apports de React Native quant à l’exploitation des fonctionnalités natives de chacune des plateformes.
Des connaissances théoriques de React et de JSX prépareront le terrain à certains ateliers de la formation, sans pour autant être indispensables.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
4,8/5
29 avis
« Mon avis sur le contenu du stage : "Sur le site du fafiec, il était précisé que les prérequis étaient des bases de JS. En réalité, un niveau avancé en JS était nécessaire. Certains supports auraient nécessité moins de code et plus d'explications. Pas totalement opérationnel : besoin de pratique" Mon avis sur le formateur : "A bien su gérer un groupe hétérogène et à distance" Ce que j'ai le plus apprécié : "==> Pédagogie de l'animateur, même dans l'exercice difficile de stagiaire à distance" Ce que j'ai le moins apprécié : "==> Des exercices auraient nécessité davantage de pas-à-pas / étapes intermédiaire ==> Niveau nécessaire JS. ++" »
GT « Mon avis sur le contenu du stage : "Excellent support de cours. Merci au formateur pour les excellent documents et supports mise à disposition." Mon avis sur le formateur : "Excellent formateur et superbe pédagogie ! C'est la première fois que je comprends une formation de A à Z car le formateur à une très bonne méthode d'approche, structure, progression et explication. J'espère faire d'autre formation avec ce formateur. MERCI !!!" Ce que j'ai le plus apprécié : "Petit groupe : excellent !" Ce que j'ai le moins apprécié : "RAS" »
HK « Mon avis sur le contenu du stage : "Mes attentes étaient sans doute trop élevées pour pouvoir y répondre en un jour. J'aurais aimé aborder encore d'autres sujets. On aurait aimé que la formation dure 2 voire 3 jours compte tenu de la qualité du formateur." Ce que j'ai le plus apprécié : "La maîtrise technique du formateur. La qualité des supports. " Ce que j'ai le moins apprécié : "Des lacunes sur certains aspects (dev natif, tests...), mais on ne peut pas tout connaître." »
AAVOLUNTIS
Les avis figurant ci-dessus sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Formations liées
- Android : Développer des applications MobilesRéf. TAGA5 joursIntermédiaireProchaine session : 23 nov.3 050 €
- Développer une application mobile native multiplateformesRéf. TDAM4 joursIntermédiaireProchaine session : 23 nov.2 490 €
- Swift, développer des applications iOS (iPhone/iPad)Réf. UPHD25 joursFondamentalProchaine session : 7 déc.3 050 €
- React : Développement WebRéf. REJS3 joursIntermédiaireProchaine session : 19 oct.2 090 €