- Référence : RENA
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
1590€ HT
Choisir une date et Réserver- NEW
Formation React Native Avancée
Durée
2 jours
Niveau
Avancé
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
RENA
Éligible CPF
Non
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.
Objectif opérationnel :
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.
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)
Public :
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
Jour 1 : Architecture avancée et Bridging natif
● 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
● É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
● Comparaison avec d’autres solutions d’état (Redux Toolkit, Zustand)
● Approfondissement de l’approche modulaire : couches Data, Domain et UI clairement définies Jour 2 : Stratégies avancées de test et optimisation des performances
● 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.
● 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
● 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
● 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
Nouvelle architecture React Native : Hermes, JSI, Turbo Modules, Fabric
● 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
Bridging Natif avec React Native Vision Camera
● 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
Gestion avancée des données et structuration architecturale
● 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 Jour 2 : Stratégies avancées de test et optimisation des performances
Tests complets avancés : unités, composants, E2E, mutation testing
● 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.
Debugging et Profiling poussé
● 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
Optimisations pratiques : Listes, Images et Animations
● 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
Déploiement et Modules Expo avancés
● 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
Dates et lieux
Ces formations peuvent aussi vous intéresser :
Maîtriser le développement avancé d'applications cross plateform avec Xamarin
- Niveau : Intermédiaire
- Référence : XMRP
C#, Mobile multi plateforme, XAML, iOS, Android, Windows Phone
- Niveau : Intermédiaire
- Référence : TXAF
Cordova, JavaScript, HTML5, mobile, iOS, Android
- Niveau : Intermédiaire
- Référence : TPHO
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB
