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.
Programme détaillé
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