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

4.8 sur 5 étoiles

5 étoiles
79%
4 étoiles
20%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 29 avis
(29 avis)
Durée 3 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence REAN
Éligible CPF Non

À 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.

Objectif opérationnel : 

Savoir développer des applications mobiles multiplateformes stables, performantes et compatibles avec iOS et Android grâce au framework React Native.

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

Public :

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.

J1

Introduction à React Native et Expo

Présentation de l’histoire de React Native et utilisation aujourd’hui
Comparaison aux autres outils crossplatform
Comprendre les frameworks de développement mobile et la spécificité de React Native
Architecture et principes clefs de React Native
Installation et mise en place d’un projet avec Expo (create-expo-app)

ES6/ES201X : les bases

let et const, Fat Arrow functions, Destructuring, imports et exports
async/await, object spread, etc.
npm et yarn : installer des packages

React Native / React : les bases

Découverte de l’approche “Hooks” (useState, useEffect, etc.) pour la gestion du state
Création de son premier composant fonctionnel
Configuration d’un composant : state & props
Présentation du cycle de vie (via les Hooks)
Cas pratiqueMise en place d’une petite application avec quelques composants simples (ex. une liste, un formulaire basique)

Les composants de base de React Native

Présentation de l’API de base (View, Text, Image, ScrollView, FlatList, StyleSheet)
Concevoir l’architecture logicielle d’une application mobile multiplateformes
Mise en page (Layout, Flexbox, …)
Gestion des événements (touch, press, etc.)
Cas pratiqueConstruire une première interface (ex. écran d’accueil, liste d’éléments interactifs)J2

Composants et APIs natifs avec Expo

Présentation des principales APIs natives accessibles via Expo (Camera, Location, Notifications, etc.)
Gérer les permissions (caméra, localisation…)
Cas pratiqueIntégration de la caméra ou de la géolocalisation dans un écran de l’application

Gestion d’état globale avec Zustand

Présentation des concepts de gestion d’état global
Mise en place d’un store avec Zustand (création, lecture, mise à jour de l’état)
Conseils sur l’organisation du code et la structuration du store
Cas pratiqueMettre à jour son application pour stocker et manipuler des données partagées (ex. panier, favoris, etc.)

Navigation

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 de transitions entre les écrans
Cas pratiqueCréation d’un nouveau flux de navigation (ex. un deuxième écran de détails) et intégration dans l’applicationJ3

Récupérer des données distantes

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

APIs natives avancées et fonctionnalités Expo

Continuer l’exploration des modules natifs (Notifications push, par exemple)
Stockage local (AsyncStorage ou SecureStore)
Conseils pour construire une interface fluide et performante

Publication et mises à jour Over The Air

Présentation d’Expo Application Services (EAS)
Processus de build (local et distant) et publication sur iOS/Android
Mises à jour Over The Air (OTA) avec EAS Update
Cas pratique finalIntégration des données d’une API dans un ou plusieurs écrans existants
Ajout d’une fonctionnalité “native” (ex. photo de profil via la caméra)
Préparation à la publication via EAS (ou simulation de la publication)
Date de mise à jour du programme : 22/11/2024

Dates et lieux

1
2
Du 26 au 28 mars 2025
Lieu
Distanciel
Durée
3 jrs
1990 € HT
Du 26 au 28 mars 2025
Lieu
Paris
Durée
3 jrs
1990 € HT
Du 26 au 28 mai 2025
Lieu
Distanciel
Durée
3 jrs
1990 € HT
Du 26 au 28 mai 2025
Lieu
Paris
Durée
3 jrs
1990 € HT
Du 30 juillet au 01 août 2025
Lieu
Distanciel
Durée
3 jrs
1990 € HT
Du 30 juillet au 01 août 2025
Lieu
Paris
Durée
3 jrs
1990 € HT
Du 29 septembre au 01 octobre 2025
Lieu
Distanciel
Durée
3 jrs
1990 € HT
Du 29 septembre au 01 octobre 2025
Lieu
Paris
Durée
3 jrs
1990 € HT
Du 26 au 28 novembre 2025
Lieu
Distanciel
Durée
3 jrs
1990 € HT
Du 26 au 28 novembre 2025
Lieu
Paris
Durée
3 jrs
1990 € HT
1
2

Logo partenaire action collective de l'OPCO Atlas Votre formation React Native prise en charge jusqu'à 100% des coûts pédagogiques ! *

Depuis 2018, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour de l'Open Source.
-  Sessions inter-entreprise sur Paris, Lyon et Lille.
-  Sessions intra-entreprise sur toute la France.

* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)

Avis des participants à la formation React Native : Développer une application mobile native multi-plateformes

Note moyenne de 4.8/5(29)

Les avis figurant ci-dessous 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.

GT
4/5

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. ++"

HK
5/5

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"

JT
5/5

Mon avis sur le contenu du stage :

"Parfait étant donné le peu de temps accordé au formateur. Il a abordé un maximum de sujet tout en répondant à beaucoup d'attentes de notre côté. Sans trop entrer dans les détails (manque de temps) il a sut nous aiguiller vers les bonnes pistes."

Mon avis sur le formateur :

"Rien à redire ici"

Ce que j'ai le plus apprécié :

"Le niveau technique du formateur, bien au dessus du précédent."

Ce que j'ai le moins apprécié :

"Aucun"

NOTON-HAUROT Sébastien
5/5

Mon avis sur le contenu du stage :

"Lié aux niveaux inégaux des participants"

Mon avis sur le formateur :

"RAS, disponible, accessible , ouvert aux questions débordant du cours, Victor fait preuve d'une très bonne pédagogie et d'une excellente connaissance en JS/React/ReactNative"

Ce que j'ai le plus apprécié :

"Réactivité et disponibilité"

Ce que j'ai le moins apprécié :

"Participants participant trop peu en début de formation"

AA
4/5

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."

SS
5/5

Mon avis sur le contenu du stage :

"Très bon équilibre entre la théorie et la pratique et un bon rythme d'avancement"

Mon avis sur le formateur :

"Formateur disponible, cherche à comprendre au mieux les questions pour apporter une réponse la plus fine possible"

Ce que j'ai le plus apprécié :

"Contenu de la formation et la possibilité de réaliser les TP en ligne"

MS
4/5

Mon avis sur le contenu du stage :

"Le formateur connaît super bien son sujet, et il y avait assez de tp pour s'essayer aux concepts présentés. Par contre, ça manquait d'un projet continue et simple, pour implémenter chaque concept."

Ce que j'ai le plus apprécié :

"Aucun problème de connexion ni au Teams, ni à PLB."

 

PM
5/5

Mon avis sur le contenu du stage :

"Correspond à mes attentes"

Mon avis sur le formateur :

"À l'écoute et sympathique"

Ce que j'ai le plus apprécié :

"Animateur compétent"

Ce que j'ai le moins apprécié :

"Pas assez long"

DF
5/5

Mon avis sur la salle de formation :

"À distance - Classe virtuelle"

Ce que j'ai le plus apprécié :

"Clarté des explications du formateur"

Ce que j'ai le moins apprécié :

"Quelques erreurs dans le support"

CP
5/5

Mon avis sur le contenu du stage :

"Contenu revu par l'animateur afin d'avoir une formation à jour."

Mon avis sur le formateur :

"Un animateur d'excellente qualité avec des connaissances ainsi qu'une veille technologique impressionnante. Très pédagogue."

AS
5/5

Mon avis sur le contenu du stage :

"Je mets bon, juste pour les fautes d'orthographes"

Ce que j'ai le plus apprécié :

"Pc performant"

Ce que j'ai le moins apprécié :

"Les chaises"

NOURY Aurélien
5/5

Mon avis sur le contenu du stage :

"Formation très satisfaisante. Tout ce que je souhaitais voir a été évoqué."

Mon avis sur le formateur :

"Formateur avec un très bon niveau, pédagogue et agréable. "

GA
5/5

Ce que j'ai le plus apprécié :

"La découverte de react native"

Ce que j'ai le moins apprécié :

"Formation assez intense peut-être pour certains mais personnellement j'ai beaucoup apprécié le rythme."

CF
5/5

Mon avis sur le formateur :

"Très bon formateur, dispo et passionné, qui explique très bien. "

Ce que j'ai le plus apprécié :

"La facilité de mise en place des outils"

KQ
5/5

Mon avis sur le contenu du stage :

"Les sujets abordés sont ceux qui nous intéressaient !"

Mon avis sur le formateur :

"Réponse à toutes nos questions, calme et sympathique."

PLIQUE Romain
4/5

Mon avis sur le formateur :

"Animateur investi et très à l'écoute malgré la complexité d'animer une formation à distance"

CHAMEYRAT Clement
5/5

Ce que j'ai le plus apprécié :

"Connaissance technique de l'écosysteme TS et ReactNative exemplaire et extrêmement poussée"

LAFFARGUE Florian
5/5

Mon avis sur le formateur :

"Un super prof, très bon vulgarisateur et à jour dans la techno qu'il enseigne"

CJ
5/5

Mon avis sur le contenu du stage :

"Forcément trop court pour faire de la pratique, mais normal vu le contexte."

MB
5/5

Mon avis sur le formateur :

"Un très très bon formateur, c'est rare, il faut le garder."

DIARRA Assa
5/5

Mon avis sur le formateur :

"Très pédagogue."

PIC Maxime
5/5
LS
5/5
HS
5/5
MAYE
4/5
RJ
4/5
ELNADY Omar
5/5
RIBARDIERE Paul-Emmanuel
5/5
RL
5/5

Ces formations peuvent aussi vous intéresser :

Tirer parti des facilités de développement avec Android Studio

  • Niveau : Intermédiaire
  • Référence : TAGA

Utiliser les solutions Open Source et les Frameworks du moment Cordova, React Native, Ionic (Angular)

  • Niveau : Intermédiaire
  • Référence : TDAM

Swift, Xcode, iOS (dernières versions en cours)

  • Niveau : Fondamental
  • Référence : UPHD2

  • Niveau : Intermédiaire
  • Référence : REJS


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB