Formation Développez des applications mobiles natives performantes avec React Native iOS et Android

01.Introduction à React Native et écosystème

• —Présentation de React Native : avantages, cas d'usage
• —Comparaison React Native vs. autres frameworks (Flutter, natif)
• —Installation de l'environnement de développement (Node.js, Watchman, Xcode, Android Studio)
• —Initialisation d'un projet React Native : structure des dossiers
• —Utilisation de Expo Go pour démarrer rapidement

02.Bases de React (Rappel) et JSX

• —Rappel des concepts clés de React.js : composants, props, state
• —Introduction à JSX : syntaxe et différences avec HTML
• —Composants fonctionnels et class components
• —Le cycle de vie des composants (useEffect, componentDidMount)
• —Bonnes pratiques de code React

03.Composants Core React Native et Styles

• —Découverte des composants fondamentaux : View, Text, Image, ScrollView, TextInput
• —Application des styles avec StyleSheet
• —Flexbox pour la mise en page responsive
• —Gestion des unités de mesure (dp, sp)
• —Bonnes pratiques de stylisation

04.Interaction Utilisateur et Gestes

• —Gestion des événements tactiles (TouchableOpacity, Pressable)
• —Utilisation de la liste (FlatList, SectionList) pour afficher des données
• —Intégration des gestes avancés avec Gesture Handler
• —Animation basique avec Animated API
• —Introduction à React Navigation

05.Navigation dans les applications mobiles natives

• —Mise en place de React Navigation : Stack Navigator
• —Implémentation de Tab Navigator et Drawer Navigator
• —Passage de paramètres entre écrans
• —Personnalisation des headers de navigation
• —Gestion de l'état global pour la navigation

06.Gestion de l'État et Hooks Avancés

• —Le Hook `useState` pour la gestion de l'état local
• —Le Hook `useEffect` pour les effets de bord
• —Le Hook `useContext` pour la gestion de l'état global simple
• —Introduction à `useReducer` pour les états complexes
• —Bonnes pratiques pour la gestion de l'état

07.Consommation d'APIs et Données Distantes

• —Récupération de données avec Fetch API
• —Utilisation de Axios pour les requêtes HTTP
• —Gestion des chargements, erreurs et rafraîchissements
• —Affichage des données récupérées dans l'interface
• —Sécurisation des appels API (tokens, headers)

08.Stockage Local et Persistance des Données

• —Introduction à AsyncStorage pour le stockage clé-valeur
• —Utilisation de Redux Persist pour la persistance d'état
• —Mise en place d'une base de données locale (Realm, SQLite)
• —Synchronisation des données locales et distantes
• —Gestion des caches pour les performances

09.Accès aux Fonctionnalités Nativives

10.Performances et Optimisation d'Applications

• —Profilage des performances avec Flipper
• —Optimisation du rendu des composants (PureComponent, memo)
• —Réduction du bundle size et gestion des images
• —Debugging avancé des applications React Native
• —Tests unitaires et d'intégration (Jest, React Native Testing Library)

11.Déploiement iOS et Android

• —Préparation de l'application pour la production (build)
• —Signature des applications iOS via Xcode
• —Génération d'APK et de Bundles Android (AAB)
• —Publication sur l'App Store Connect
• —Publication sur le Google Play Console

12.Écosystème React Native Avancé et Bonnes Pratiques

• —Vue d'ensemble des librairies populaires (Date-fns, Moment.js)
• —Gestion des versions de React Native et des dépendances
• —Intégration continue et déploiement continu (CI/CD)
• —La communauté React Native et son support
• —Veille technologique et futures évolutions