React Native
Description
La formation aborde les contenus techniques suivants :
-
Développement mobile et spécificités de React Native
-
Environnement de développement
-
Interfaces utilisateur
-
APIs React Native
-
Architecture logicielle
Quels sont les buts de la formation ?
Les objectifs visés par cette formation sont :
-
Comprendre les alternatives de développement mobile
-
Utiliser l’environnement de développement React Native
-
Construire une interface utilisateur ergonomique et performante
-
Utilisation de composants et d’APIs natives
-
Concevoir 'l'architecture logicielle d’une application mobile
Que devez vous connaître pour suivre la formation ?
Expérience pratique sur le langage Javascript.
Programme de la formation
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
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
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
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
Interagir avec le terminal
-
Les principales API natives de React Native
-
Utiliser les plugins Cordova/PhoneGap
-
Développer un module natif
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
Exercices pratiques
-
Installer et configurer React Native pour un projet
-
Utilisation du Debugger sur un code proposé
-
Développement d’une première application en React Native
-
Développement d’un formulaire et validation des données
-
Utilisation des APIs proposées par React Native
-
Testing et déploiement d’une application