Réconciliant les développeurs d’applications natives et hybrides, React Native est devenu un framework de référence pour la création d’applications mobiles multiplateformes. Cette formation vous permettra d’acquérir les compétences nécessaires pour concevoir des applications compatibles avec iOS, Android et Windows.
Description
Durée : 28 heures
Modalités techniques d’évaluation : Évaluation des connaissances par QCM, évaluation des compétences au travers de travaux pratiques et de cas d’études. Contrôle de l’acquisition des connaissances et des compétences pendant la formation par le formateur.
Moyens pédagogiques : Apports théoriques réalisés en classe et complétés par de nombreux travaux pratiques permettent aux participants de disposer d’une expérience concrète. A l’issue des sessions magistrales, réalisation de cas d’études tutorés.
Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
- 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
Introduction
- Le développement natif, l’hétérogénéité et la fragmentation.
- Les principaux outils cross-platform.
- Positionnement de React Native par rapport aux solutions existantes.
React Native
- Rappels sur ES6/S201x. Notion de transpileur.
- React et le superset de JavaScript JSX.
- React Native : principes clés, fonctionnement général.
- Installation et configuration de React Native.
- Outils de développement et de debug.
Travaux pratiques
Installation et configuration de React Native. Maîtriser le debugger.
Architecture d’application
- Configurer un composant : state & props.
- React Native et MVC.
- Le pattern Flux, une alternative au MVC.
- L’arrivée de Redux : le store, le reducer, les actions.
Travaux pratiques
Initialisation d’un projet React Native. Configuration d’un composant.
Construire son interface
- Les composants de base (View, Text et Image) et leurs cycles de vie.
- Les événements Touch, la ListView et la ScrollView.
- Organiser le layout de l’application. Mise en page avec Flexbox.
- Styler les composants.
- Les différentes solutions de navigation entre les pages.
- Composants avancés.
- Utiliser des composants de la communauté.
- Ajouter des animations et des transitions.
Travaux pratiques
Développer une première application.
Les formulaires et la gestion des données
- Les principaux composants de formulaires.
- La validation de la saisie et la gestion des erreurs.
- Redux-form et alternatives.
- Récupération des données : xmlhttprequest et fetch.
- Le stockage local.
- La gestion offline.
Travaux pratiques
Développer un formulaire, valider les données et assurer la persistance des données.
