Description
Le framework de développement « frontend » promu par Facebook fait partie de l’outillage incontournable dans la production d’interfaces et d’applications web aujourd’hui. A l’instar d’Angular / Ionic, React Native vous permettra de créer rapidement des éléments d’une interface mobile et d’accéder nativement aux sous- systèmes embarqués (gps, apn, accéléromètre, …)
Vous profiterez des modules compagnons pour communiquer avec un backend et optimiserez vos applications grâce aux principes d’immutabilité des composants et à la programmation fonctionnelle (hooks et custom hooks) promus par React.
A l’issue de la formation, le stagiaire sera capable de créer des applications mobiles multiplateformes avec React Native.
Objectifs
- Connaître les Framework 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 multiplateforme
- Construire une interface utilisateur fluide et performante
- Utiliser les principaux composants et les API natives proposées par React Native
Récapitulatif
Public
Développeurs mobiles, développeurs Web, architectes, chefs de projets techniques
Prérequis
Avoir une connaissance pratique de la programmation en JavaScript
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
Comprendre les frameworks de développement mobile et la spécificité de React Native
- Présentation des frameworks mobiles (Flutter, .Net MAUI, Ionic, …)
- Avantages et limites de React Native
- Architecture et fonctionnement de ReactNative
- Exemples de travaux pratiques : le formateur donne quelques cas d'utilisation et interroge les participants sur la pertinence d'une plateforme de développement mobile ou d'une autre en fonction du contexte.
Mettre en place un environnement de développement React Native
- Installation de js, npm/yarn
- Configuration de l'environnement de développement (Android Studio, Xcode)
- Création d'un projet React Native (Expo/React Native CLI)
- Découverte de la structure d'un projet
- Exemples de travaux pratiques : les participants initialisent et créent un projet REACT JS avec NPX. Ils valident leur installation en lançant un programme au préalable « pullé » sur leur machine.
Concevoir l'architecture logicielle d'une application mobile multiplateforme
- Principes d'architecture logicielle (MVC, MVVM, Redux, )
- Organisation du code source
- Gestion des états (local/global)
- Exemples de travaux pratiques : Les participants conçoivent leur architecture logicielle à partir d'un cas d'utilisation donné. Ils choisissent en collaboration et à l'aide d'une IA la meilleure stratégie à adopter.
Construire une interface utilisateur fluide et performante
- Composants de base React Native (View, Text, Image, )
- Mise en page avec Flexbox
- Navigation (React Navigation)
- Styling et thèmes
- Exemples de travaux pratiques : les participants mettent en place leur interface au fur et à mesure des avancées du formateur et testent leur production à l'aide d'émulateurs différents.
Utiliser les principaux composants et les API natives proposées par React Native
- Composants avancés (FlatList, SectionList, )
- Accès aux API natives (Appareil photo, géolocalisation, stockage, )
- Intégration de modules externes
- Exemples de travaux pratiques : les participants accèdent nativement aux sous-systèmes des appareils mobiles soit directement sur leur téléphone soit par l'intermédiaire d'un émulateur.
Mettre en pratique l'ensemble des acquis
- Réalisation d'un mini-projet d'application multiplateforme
- Débogage et tests
- Déploiement sur émulateur/appareil réel
- Exemples de travaux pratiques : après avoir présenté le mini-projet, les participants à l'aide du formateur créent leur application et mettent en œuvre les acquis des séquences précédentes.