Formation React Native Avancé
2 jours de formation pour acquérir des compétences avancées sur React Native !
Vue d'ensemble
Bases solides en JavaScript/TypeScript.
Expérience réelle en React Native (ou Expo), navigation, Hooks, etc.
Objectifs pédagogiques
Programme détaillé
Nouvelle architecture avancée (Fabric, Turbo Modules, JSI, Hermes)
Hermes & JSI :
Pourquoi Hermes ? Gains en perf & taille d’app.
Intro à la JSI et différence avec le Bridge classique.
Turbo Modules & Fabric :
Qu’est-ce que Fabric ? Comment ça impacte le rendu ?
Bridging natif & exemple React Native Vision Camera
Pourquoi le bridging ? : gains de performances, accès aux APIs iOS/Android, réutilisation de code existant (C/C++).
Exemple concret :
Aperçu de react-native-vision-camera (qui inclut du code C++).
Architecture côté iOS (Swift/ObjC) et Android (Kotlin/Java/C++).
Comment le code C++ est relié au JavaScript via la JSI / Turbo Module.
Démonstration (sans exiger de coder du C++ pur) :
Survol du code natif, discussion sur les patterns de bridging.
Tips pour déboguer un module natif.
Data Layer avancé : TanStack Query & architecture
TanStack Query (React Query) :
Gestion avancée du cache, invalidations, requêtes parallèles, pagination.
Stratégies offline-first : persister le cache en local.
Architecture modulaire :
Séparation en Data layer / Domain layer / UI layer.
Comparaison rapide avec Redux, Zustand (selon préférences).
Tests avancés : unitaires, composants, E2E, mutation testing
React Native Testing Library
Configuration Jest avancée, mocking des modules natifs.
Tests de composants complexes (navigation, hooks personnalisés).
Mock Service Worker (MSW) :
Principe et avantages pour mocker les requêtes réseau.
Mise en place sur un projet React Native (ou Expo) – plus simple côté web, mais possible via proxy / Node.
Tests E2E :
Introduction à Maestro : installation, scripts, interactions sur l’UI.
Comparaison avec Detox / Appium.
Intégration en CI (GitHub Actions, Bitrise, CircleCI…).
Mutation Testing (tests mutateurs) :
Concepts (Stryker, etc.).
Comment ça aide à valider la robustesse de la suite de tests.
Debugging & Profiling avancés
Outils : React Native Debugger, Chrome Dev Tools.
Profiling :
Xcode Instruments (Time Profiler, mémoire), Android Profiler (CPU, mémoire).
Analyser les blocages JS thread vs. UI thread.
Stratégies de correction (memo, useCallback, scinder des composants).
Optimisations réelles : listes, images, animations
FlashList :
Avantages (cell recycling), différence vs. FlatList, Benchmarks.
Migration / usage concret, gestion des images dans la liste.
Gestion des images :
Cache, lazy loading, librairies alternatives (Fast Image).
Redimensionnement, réduction du poids, format WebP, etc.
Animations avancées (si le public le demande) :
Reanimated 2/3, le concept de thread UI, synchronisation JS/UI.
Déploiement avancé et Expo Modules
Expo Modules :
Config plugins, personnalisation iOS/Android.
Quand et comment passer en bare workflow si on a besoin de plus de contrôle.
Déploiement :
EAS Build : build config, Over-The-Air updates contrôlés.
Hors Expo : signature APK/IPA, distribution TestFlight / Play Store.
Optimisations finales (Hermes bundle, minification, suppression logs).
Prochaines sessions
Ils nous font confiance
Cette année notre filière Développement Mobile & Cross-Platform a accompagné plus de 2 entreprises dont :
Avis des participants
Un grand merci à Marius, la formation était dense mais très riche et très claire.
Votre formateur
Frederic R.
Formateur React
Frederic intervient sur des formations portant sur le développement mobile et cross-platform. Parmi les formations qui lui sont confiées figurent notamment « React Native » et « React Native Avancé ».
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Questions fréquentes
Combien de temps dure la formation React Native Avancé ?
Cette formation se déroule sur 2 jours.
Quels sont les prérequis pour suivre la formation React Native Avancé ?
Bases solides en JavaScript/TypeScript. Expérience réelle en React Native (ou Expo), navigation, Hooks, etc.
Quel est le prix de la formation React Native Avancé ?
En inter-entreprises, elle est à 1 500 € HT par participant ; en intra-entreprise, elle est à 3 400 € HT pour le groupe. Un tarif sur-mesure est également disponible sur devis.
La formation React Native Avancé délivre-t-elle une certification ?
Cette formation ne délivre pas de certification. Une attestation de fin de formation vous sera remise à l'issue de la session.
La formation React Native Avancé est-elle éligible à un financement OPCO ?
Oui, cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
Choisissez votre formation
Mon contact chez SPARKS est professionnel et très réactif. Les échanges sont simples, efficaces, et la collaboration se déroule dans d'excellentes conditions.