PLB CONSULTANT : 01. React Native, applications mobiles natives pour iOS et Android
Organisme
92300 LEVALLOIS PERRETVoir toutes ses formationsAutres organismes proposant cette formation
Durée
Modalités
- Classe virtuelle
- Présentiel
À l’issue de cette session, chaque stagiaire bénéficiaire sera contacté par un prestataire choisi par l’Opco Atlas afin d’évaluer « à chaud » la qualité de la formation suivie.
Prix
Public
Développeurs mobiles, développeurs Web, architectes, chefs de projets techniques.
Pré-requis
Avoir une connaissance pratique de la programmation en JavaScript.
Objectifs pédagogiques
- Comprendre les frameworks 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
Programme détaillé
Introduction à React Native
Présentation de l’histoire de React Native et utilisation aujourd’hui
Comparaison aux autres outils crossplatform
Comprendre les frameworks de développement mobile et la spécificité de React Native
Architecture et principes clefs de React Native
ES6/ES201X : les bases
Babel
ES6 ( let et cont, Fat Arrow functions, Destructuring, imports et exports, Classes, Dynamic Object Keys, Array spread )
ES7 et au-delà ( object spread, async await, static class properties, bound instance methods )
npm et yarn : installer des packages
Cas pratique
Utilisation de nouvelles fonctionnalités ES6/ES201X
React Native / React les bases
React & JSX
Mettre en place un environnement de développement React Native
Création de son premier composant
Configurer un composant : state & props
Utilisation de setState
Les méthodes lifecycle d’un composant
Cas pratique
Création de son premier composant React
Les composants de base de React Native
Concevoir l’architecture logicielle d’une application mobile multiplateformes
Présentation de l’API de base de React Native ( View, Text, Image, ScrollView, StyleSheet)
Cas pratique
Mise en place d’un projet avec Create React Native App et création de ses premiers composants React Native
Navigation
Présentation et comparaison des différentes librairies existantes
Ajouter des animations et des transitions entre des écrans de son application
Cas pratique
Ajout de react-navigation dans notre projet et intégration d’un deuxième écran
Construction de son application
Présentation d’une organisation possible des répertoires d’un projet
Les composants de base (Text, View, Image, …)
La gestion des événements (touch)
Utiliser le composant List
Mise en page (Layout, Flexbox, …)
Navigation entre les composants
Les composants en « libre service »
Conseils pour construire une interface utilisateur fluide et performante
Cas pratique
Créer les deux premiers écrans de base de notre application “Airbnb”
Gestion des formulaires
Les principaux composants de formulaires
La validation et gestion des erreurs
Cas pratique
Ajouter un formulaire profil sur notre application
Récupérer des données distantes
Présentation de l’approche Smart/Dumb components
Utilisation de Fetch pour récupérer des données d’une API REST
Présentation de Redux pour améliorer la gestion des données
Présentation de GraphQL : le futur des APIs REST et pourquoi il est très adapté dans un environnement mobile
Cas pratique
Intégration des données d’une API dans le formulaire précédent. Modification et enregistrement des données (persistance). Mise en place d’un chat dans notre application
Les APIs natives
Les principales APIs natives de React Native ( AsyncStorage, Geolocalisation, notifications push, Caméra, etc… )
Développer un module natif ( pour Android et IOs )
Cas pratique
Intégration de l’authentification. Ajout d’une photo sur le profil. Intégration d’une carte avec les logements
Usages avancés
Tests unitaires et fonctionnels : quels sont les bons outils à utiliser
Comment créer des applications qui peuvent être utilisées en mode offline
Présentation de CodePush pour les mises à jour Over the Air et du Microsoft AppCenter
Authentification Facebook avec Oauth
Internationaliser une application
Publier une application React Native sur les stores