Présentation de la formation React Native
React Native est un framework open-source développé par Facebook pour créer des applications mobiles natives en utilisant JavaScript et React. Il permet de développer une seule base de code qui fonctionne sur iOS et Android, tout en offrant une expérience utilisateur fluide et native. Grâce à ses composants réutilisables et sa grande communauté, React Native accélère le développement d'applications mobiles performantes et modernes. Idéal pour les développeurs souhaitant élargir leurs compétences, ce framework est un choix populaire pour les entreprises de toutes tailles. Rejoignez notre formation pour maîtriser les concepts et techniques clés de React Native.
Objectifs de la formation React Native
Objectifs pédagogiques :
-
Découvrir et maîtriser React Native
-
Savoir mettre en place un environnement de développement React Native
-
Construire une application iOS et Android en respectant les bonnes pratiques
-
Savoir installer, configurer et manipuler des bibliothèques
-
Utiliser les principaux composants et les API natives proposées par React Native
Objectifs opérationnels :
- Réaliser des applications mobiles multi plates-formes compatibles avec Android et iOS
Programme de la formation React Native
Introduction à React Native
Contexte du développement mobile
Rappel de l’environnement : ES6, React, eslint, prettier etc.
React Native, comment ça marche ?
Installation des outils
Xcode / Android studio / Visual Code
react-native init
Test sur simulateur + debugging
Les composants React Native
React Native Web Player
View Component
Text Component
Image Component
ScrollVIew
ListView : FlatList et SectionList
Bouton et Touch Handler
Stylesheet
Introduction à styled-component
Création d’un thème
Gérer des données avec React Native
Fetch pour récupérer des données d’une API REST
AsyncStorage
Redux pour améliorer la gestion des données
Architecture avec Redux
Pourquoi Redux ?
Separation of Concern
Implémentation de Redux
Créer ses actions et reducers
Introduction à react-redux
Connecter ses composants
ReactNavigation
Configuration StackNavigator, TabNavigator et DrawerNavigator
Navigation Prop et Screen Nav options
Custom Transition
DeepLinking
API et modules
Intégration de fonts custom
Intégration d’icons custom en svg
Fetch Api et stockage persistant
Géolocalisation et maps
Animation avec l'api Animated
Splashscreen & icons
React Native avancé
Internationalisation
CodePush app updates
Gestion des certificats avec Fastlane
Tests unitaires et fonctionnels
Publier une application React Native sur les stores
