Objectifs
À la fin de la formation React Native, vous serez capable de valider les
objectifs d’apprentissages suivants :
➤ Découvrir et maîtriser React Native.
➤ Savoir utiliser les outils de développement Xcode et Android Studio.
➤ Construire une application React Native en respectant les bonnes
pratiques.
➤ Installer, configurer et utiliser les bibliothèques.
Prérequis
➤ Xcode et/ou Android Studio installés et mis à jour.
➤ Avoir des bases en JavaScript.
Programme
1. 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.
2. 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.
3. 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.
4. 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.
5. 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.
6. Interagir avec le terminal :
➤Les principales API natives de React Native.
➤ Utiliser les plugins Cordova/PhoneGap.
➤Développer un module natif.
7. Usages avancés :
➤Best Practices et erreurs fréquentes.
➤Tests unitaires et fonctionnels.
➤Publier l'application.
➤Mises à jour Over The Air.
➤Frameworks et outils complémentaires.