React Native – Développer des applications mobiles multiplateformes
Optimisez vos compétences de développement avec notre formation complète sur React Native. Nous vous guidons dans la découverte de cette plateforme, en abordant son historique, la syntaxe JSX/ES6, ainsi que son application à divers systèmes d’exploitation. Explorez l’architecture d’un projet React Native, les composants de base, et maîtrisez les outils de débogage. Familiarisez-vous avec les composants disponibles dans React Native, le cycle de vie des composants, ainsi que les props et states. Nous couvrons également les plugins, les API pour les appels réseaux et la persistance des données. Apprenez à mettre en place des tests unitaires avec une approche de développement basée sur les tests (TDD) et une introduction à Jest. Comprenez le pattern Flux et son implémentation avec Redux. Développez des interfaces avancées avec les API Animation et Pan Responder, et perfectionnez vos compétences en UX, UI et performances. En option, nous proposons également des modules complémentaires sur les librairies et kits d’UI, et l’internationalisation.
Proposé par
ENI Service
Prérequis
- Connaître les notions fondamentales de la création de pages Web HTML [T448-030]
- Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python)
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- En entreprise
- À distance
Objectifs pédagogiques
- 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
Programme de la formation
Présentation de React Native
- Historique de la plateforme
- Road map React Native (documentation / open source)
- Syntaxe JSX / ES6
- iOS, Android, Web, Windows, MacOS
Environnement React Native
- 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
Composants
- 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
Plugins
- Définition des plugins
- Plugin pour la navigation
- Travaux pratiques :
- Réalisation d'une application avec la librairie react-native-navigation
API
- 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
Tests unitaires
- 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
Pattern Flux
- Présentation du pattern Flux
- Implémentation avec Redux
- Travaux pratiques :
- Réalisation d'une application avec Redux
Interfaces avancées
- 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
[Option] Modules Complémentaires
- Librairies et Kits d’UI
- Internationalisation
Proposé par
ENI Service
"votre centre de formation informatique de confiance"
Proposé par
ENI Service
