ORSYS : 01. React Native, applications mobiles natives pour iOS et Android

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. A l’issue de la formation, l’apprenant sera capable de réaliser avec React Native des applis mobiles multiplateformes compatibles Android et iOS.

Objectifs pédagogiques

1.      Comprendre les frameworks de développement mobile et la spécificité de React Native

2.      Mettre en place un environnement de développement React Native

3.      Concevoir l'architecture logicielle d'une application mobile multiplateforme

4.      Construire une interface utilisateur fluide et performante

5.      Utiliser les principaux composants et les API natives proposées par React Native

Participants

Développeurs mobiles, développeurs Web, architectes, chefs de projets techniques.

Prérequis

Avoir une connaissance pratique de la programmation en JavaScript.

Programme :

 1. Introduction

1/4 jour- 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

1/2 jour- 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.

 3. Architecture d'application

1/2 jour- 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.

 4. Construire son interface

1/2 jour- 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.

 5. Les formulaires et la gestion des données

1/2 jour- 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.

6. Interagir avec le terminal

1/2 jour- Les principales API natives de React Native.- Utiliser les plugins Cordova/PhoneGap.- Développer un module natif.

Travaux pratiques

Implémentation des principales API natives.

 7. Usages avancés

1/4 jour- Best Practices et erreurs fréquentes.- Tests unitaires et fonctionnels.- Publier l'application.- Mises à jour Over The Air.- Frameworks et outils complémentaires.

Travaux pratiques

Tester et déployer des applications React Native.