A l’issue de la formation, l’apprenant sera capable de :
Installer et configurer un projet React Native
Développer des interfaces utilisateurs à base de composants
Afficher des listes de données
Collecter des données utilisateurs avec des formulaires
Mettre en place la navigation dans l’application
Implémenter des services d’accès aux serveurs de données
Implémenter le design pattern FLUX avec Redux
Ecrire des tests unitaires
Accéder aux fonctions natives de l’appareil
Optimiser, construire et déployer l’application
- Développement
- Développement Mobile
Formation React Native Développer des applications mobiles multiplateformes
Objectifs
Prérequis
Connaître les notions fondamentales de la création de pages Web HTML
Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python)
Public
Développeurs
Formation(s) associée(s)
Dernière mise à jour
Bon à savoir
Evaluez votre niveau
Notre formateur
Travaux pratiques
A distance / Classe virtuelle
Un cadre Maîtrisé
Les Modules
de formation
Historique de la plateforme
Road map React Native (documentation / open source)
Syntaxe JSX / ES6
iOS, Android, Web, Windows, MacOS
Architecture d’un projet
Composants de base View, Text, Image
Outils de debugging
Travaux pratiques :
Installation de l’environnement de développement,
Génération d’un projet et ajout de composants de base
Manipulation de outils de debug
Tour d’horizon des composants mis à disposition par React Native
Cycle de vie des composants
Props et states
Mise en page et style
Scroll view / ListView / FlatList.
Travaux pratiques :
Réalisation d’une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page
Définition des plugins
Plugin pour la navigation
Travaux pratiques :
Réalisation d’une application avec la librairie react-native-navigation
Appels réseaux (fetch/axios)
Persistance des données avec AsyncStorage
Travaux pratiques :
Ajout de fonctionnalités permettant de manipuler les appels réseau et la persistance de données dans l’application précédemment réalisée
Présentation de l’approche TDD (Test Driven Development)
Introduction à jest / snapshot
Travaux pratiques :
Mise en place de tests avec jest dans l’application précédemment réalisée
Présentation du pattern Flux
Implémentation avec Redux
Travaux pratiques :
Réalisation d’une application avec Redux
API Animation
API Pan Responder, capter les gestes de l’utilisateur
React Native Gesture Handler
UX, UI et Performances
Travaux pratiques :
Réalisation d’une animation répondant aux gestes de l’utilisateur
Librairies et Kits d’UI
Internationalisation