Formation React Native

– Panorama du développement mobile : applications natives, cross-platform (React Native, Flutter, Kotlin Multiplatform) et approches web, avec leurs atouts respectifs
– Fonctionnement de React Native : composants natifs pilotés par JavaScript, moteur Hermes et principes de la nouvelle architecture
– Expo et React Native CLI : ce qu’apporte le framework Expo (SDK, outils, services de build) et quand s’en passer
– Création d’un projet en TypeScript : structure des fichiers, configuration et dépendances
– Exécution sur appareil et émulateur : Expo Go, émulateur Android, simulateur iOS et Fast Refresh
– Outils de débogage : React Native DevTools, console, inspection des éléments et points d’arrêt

– JavaScript moderne utile : modules, fonctions fléchées, déstructuration, async/await
– TypeScript au quotidien : typer les props, l’état et les données
– JSX et composants fonctionnels : décrire l’interface comme un assemblage de composants réutilisables
– Props et state : configurer un composant et faire réagir l’interface aux changements d’état
– Hooks essentiels : useState, useEffect et création de Hooks personnalisés
– Composants de base : View, Text, Image, TextInput, Pressable et ScrollView, et leur rendu natif sur iOS et Android

– StyleSheet : déclarer, combiner et partager des styles, définir un thème commun
– Flexbox sur mobile : flexDirection, justifyContent, alignItems et différences avec le CSS du web
– Écrans de tailles variées : dimensions, orientation, zones sûres (safe area) et styles propres à chaque plateforme
– Listes performantes : FlatList et SectionList pour afficher de grands volumes de données
– Interactions tactiles : retour visuel, appui long et bibliothèques de composants de la communauté
– Accessibilité : libellés, rôles et ordre de lecture pour les lecteurs d’écran

– React Navigation : navigation en pile, par onglets et par tiroir
– Paramètres entre écrans : transmettre un identifiant et typer les routes avec TypeScript
– Expo Router : navigation fondée sur l’arborescence des fichiers, construite sur React Navigation
– Navigation imbriquée et liens profonds : ouvrir directement un écran depuis une URL ou une notification
– Animations : API Animated et bibliothèque Reanimated pour des transitions fluides
– Gestes : glisser, balayer et pincer avec Gesture Handler

– État local, état partagé, état serveur : distinguer ce qui appartient à un écran, à l’application ou au serveur
– Context API et useReducer : partager un état simple entre composants
– Bibliothèque d’état global : Zustand ou Redux Toolkit pour les applications plus riches (store, actions, sélecteurs)
– Organisation du code : séparer la logique métier de l’affichage et structurer les stores

– Appels à une API REST : fetch ou axios, méthodes GET, POST, PUT et DELETE
– États de chargement et d’erreur : indicateurs, messages et comportement en cas de panne réseau
– TanStack Query : récupérer, mettre en cache et rafraîchir les données avec useQuery et useMutation
– Formulaires : saisie contrôlée, validation (React Hook Form ou équivalent) et messages d’erreur
– Persistance locale : AsyncStorage pour les préférences et les données hors ligne
– Données sensibles : stockage sécurisé des jetons d’authentification avec SecureStore, et bonnes pratiques pour les appels API

– Particularités iOS et Android : composants et comportements propres à chaque plateforme, code conditionnel
– Modules Expo : caméra, localisation, médiathèque et sélection de fichiers
– Notifications locales et push : planification, réception et canaux Android
– Permissions : demander, vérifier et gérer le refus de l’utilisateur
– Bibliothèques natives de la communauté : choisir, installer et configurer une bibliothèque existante, et repérer quand un module natif sur mesure devient nécessaire

– Tests unitaires et de composants : Jest et React Native Testing Library pour prévenir les régressions
– Performances : causes courantes de lenteur, mémoïsation et réglage des listes
– Assistants de code IA : apports pour écrire du code et des tests, et vigilance sur la relecture du code produit
– Build avec EAS : profils de build, variables d’environnement, génération des binaires Android et iOS
– Préparation à la publication : icônes, écran de démarrage, permissions déclarées, signature
– Publication sur l’App Store et Google Play : soumission, revue et règles des stores
– Mises à jour à distance (OTA) avec EAS Update : corriger sans repasser par les stores, et limites de cette approche