- Durée
- 2 jours
- Niveau
- Avancé
- Modalités
- Présentiel / Distanciel
Description de la formation React Native Avancee
React Native a profondément transformé le développement mobile multiplateforme. Mais au-delà des bases, maîtriser ses nouvelles architectures et les bonnes pratiques avancées devient essentiel pour concevoir des applications performantes, robustes et maintenables à grande échelle.
Cette formation React Native avancée vous permet de monter en compétences sur les dernières évolutions de l’écosystème : nouvelles architectures (Fabric, JSI, Hermes), optimisation des performances, structuration d’applications complexes et stratégie de tests complète. Destinée aux développeurs expérimentés, elle combine bonnes pratiques, outils modernes et cas concrets pour vous aider à concevoir des apps robustes et performantes.
Objectifs pédagogiques
À l'issue de cette formation React Native avancée, vous aurez acquis les connaissances et compétences nécessaires pour :
- Explorer les nouvelles architectures de React Native : Fabric, Turbo Modules, JSI, moteur Hermes
- Comprendre et appliquer les meilleures pratiques en matière de bridging natif sans nécessiter une maîtrise complète des langages natifs
- Mettre en place une stratégie de tests complète, incluant tests unitaires avancés, tests d’intégration E2E, et techniques modernes comme le mutation testing et le mocking réseau
- Découvrir et implémenter des architectures avancées pour la gestion de données (TanStack Query) et structurer une application en couches claires (Data, Domain, UI)
- Optimiser les performances des applications React Native avec des outils de profiling et des stratégies concrètes d’amélioration (FlashList, gestion avancée des images, animations performantes)
Objectifs opérationnels
Savoir maîtriser les architectures avancées de React Native, optimiser les performances, structurer une application complexe et mettre en œuvre une stratégie de tests complète.
Programme
Contenu du cours, module par module
7 modules
- Bénéfices concrets d’Hermes (taille réduite, démarrage rapide).
- Activation et validation d’Hermes sur des applications Expo ou en bare workflow
- Exploration approfondie du JSI : différences majeures par rapport au bridge traditionnel
- Turbo Modules & Fabric : principes et impact direct sur les performances de rendu
- Mise en place pratique et validation de la nouvelle architecture
- Justification technique et économique du bridging natif : accès performant aux API natives, réutilisation de code existant
- Étude approfondie de react-native-vision-camera, intégrant C++.
- Analyse des spécificités d’implémentation natives : iOS (Swift/Objective-C), Android (Kotlin/Java/C++).
- Connexion efficace du code natif au JavaScript via JSI et Turbo Modules
- TanStack Query : optimisation des requêtes, stratégies de cache sophistiquées, gestion avancée des scénarios offline
- Comparaison avec d’autres solutions d’état (Redux Toolkit, Zustand)
- Approfondissement de l’approche modulaire : couches Data, Domain et UI clairement définies
- React Native Testing Library : setup avancé de Jest, mocks complexes de modules natifs.
- Techniques pour tester efficacement les composants complexes (navigation, Hooks avancés).
- Mock Service Worker (MSW) : mise en œuvre sur applications mobiles, gestion avancée du mocking réseau
- Maestro pour les tests E2E : introduction détaillée, scripts, comparaison avec Detox/Appium, intégration dans un pipeline CI/CD
- Mutation Testing avec Stryker : concepts, intérêt concret pour évaluer la robustesse et l’efficacité des suites de tests.
- Maîtrise des outils de développement : Flipper, React Native Debugger, Chrome DevTools
- Techniques avancées de profiling avec Xcode Instruments (performance CPU, mémoire) et Android Profiler
- Identification et correction des blocages et ralentissements (JS thread vs. UI thread)
- Stratégies de performance avancées : memoization (React.memo, useMemo, useCallback), découpage de composants
- FlashList : compréhension approfondie, avantages par rapport à FlatList, gestion performante des images associées
- Optimisation avancée des images : techniques de lazy loading, mise en cache optimisée, formats modernes (WebP), redimensionnement efficace
- Animations avancées avec Reanimated 2/3 : comprendre l’UI thread, synchronisation fluide JS/UI, cas pratiques concrets
- Gestion experte des modules Expo : config plugins pour customiser finement les applications
- Identification des scénarios nécessitant le passage à un workflow bare et réalisation de cette transition efficacement
- Déploiement optimisé : automatisation avancée avec EAS Build, gestion précise des mises à jour OTA, publication APK/IPA sur TestFlight et Google Play Store
- Techniques finales d’optimisation des bundles React Native : Hermes, minification avancée, suppression des logs inutiles
Programme mis à jour le 16/05/2025
Public concerné
Ce cours s'adresse aux développeurs React Native expérimentés souhaitant approfondir leurs connaissances sur l'architecture avancée, l'optimisation des performances et les stratégies de tests efficaces.
Prérequis
Pour suivre cette formation React Native Avancée il est nécessaire d'avoir :
- Une maîtrise avancée de JavaScript/TypeScript
- Une expérience pratique approfondie avec React Native (navigation avancée, Hooks personnalisés, gestion d’état)
- Avoir suivi la formation React Native : Développer une application mobile native multi-plateformes (REAN) ou posséder les connaissances équivalentes
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
Formations liées
- React Native : Développer une application mobile native multi-plateformesRéf. REAN3 joursIntermédiaireProchaine session : 30 nov.2 090 €
- Angular AvancéRéf. AGAV3 joursIntermédiaireProchaine session : 12 oct.2 090 €
- React : AvancéRéf. REJA2 joursAvancéProchaine session : 12 oct.1 700 €
- RemotionRéf. REMO2 joursIntermédiaireProchaine session : 12 oct.1 590 €