Formation avancée en développement React Native

Leçon 1 • Aperçu de l'architecture de React Native

Couvre le pont, le JSI et le pipeline de rendu Fabric. Relie les connaissances architecturales aux décisions de rendement prises tout au long du cours.

Leçon 2 • Structure du projet et conventions de fichiers

Définit des structures de dossiers évolutives et des conventions de nommage pour les grandes applications. Une structure cohérente réduit les frictions d'intégration et favorise une croissance modulaire.

Leçon 3 • Configuration de l'environnement de développement

Configure Xcode, Android Studio et les outils CLI pour les compilations multiplateformes. Une configuration adéquate prévient les bogues liés à l'environnement dans les chapitres suivants.

Leçon 1 • Zustand et magasins d'état légers

Présente Zustand comme une alternative minimale pour un état global limité. Les étudiants et étudiantes choisissent le bon outil selon la complexité de l'application et la taille de l'équipe.

Leçon 2 • API Context et pièges de rendement

Enseigne le contexte pour le partage d'état entre composants tout en évitant les rendus superflus. Fait le lien direct avec les décisions d'état global dans les applications plus grandes.

Leçon 3 • Intégration de Redux Toolkit

Implémente les tranches, les thunks asynchrones et les sélecteurs de Redux Toolkit dans une application React Native. Fournit un patron d'état global de qualité production pour les environnements d'équipe.

Leçon 4 • Exploration approfondie des hooks React

Explore useState, useReducer, useRef et les hooks personnalisés en profondeur. Une connaissance solide des hooks est un prérequis pour tous les patrons de gestion d'état à venir.

Leçon 1 • Liens profonds et liens universels

Configure les schémas d'URL et les liens universels pour ouvrir des écrans spécifiques de l'application à partir de sources externes. Essentiel pour les campagnes marketing et les flux de notifications push.

Leçon 2 • Flux d'authentification et routes protégées

Implémente une navigation conditionnelle basée sur l'état d'authentification à l'aide du changement de navigateur. Relie les connaissances en gestion d'état aux patrons de contrôle d'accès réels.

Leçon 3 • Patrons de navigation par onglets et tiroir

Crée des navigateurs par onglets inférieurs et par tiroir latéral avec une interface utilisateur personnalisée et la prise en charge des badges. Permet des coques d'application complexes utilisées dans les applications mobiles de production.

Leçon 4 • Navigation typée avec TypeScript

Définit des listes typées de paramètres de route et applique des contrats de navigation au moment de la compilation. Prévention des erreurs de routage à l'exécution dans les grandes bases de code.

Leçon 1 • React Native Reanimated trois

Implémente des animations basées sur des worklets qui s'exécutent entièrement sur le fil d'exécution de l'interface utilisateur. Obtient un rendement sans saccades pour les interactions complexes pilotées par les gestes.

Leçon 2 • Animations Lottie et SVG

Intègre les animations JSON Lottie et react-native-svg pour les graphiques vectoriels. Élargit la boîte à outils d'animation au-delà du mouvement piloté par le code.

Leçon 3 • Intégration du gestionnaire de gestes

Combine le gestionnaire de gestes de React Native avec Reanimated pour les gestes de balayage, de pincement et de glissement. Permet des interactions à l'aspect natif qui respectent les conventions de la plateforme.

Leçon 4 • Techniques avancées de StyleSheet

Couvre la thématisation dynamique, les unités adaptatives et les remplacements de style propres à chaque plateforme. Établit la base de style pour le travail d'animation et de gestes à venir.

Leçon 1 • Comprendre le système de modules natifs

Explique le système de modules par pont traditionnel et ses limites avant JSI. Fournit le contexte expliquant pourquoi les TurboModules ont été introduits et quand chaque approche s'applique.

Leçon 2 • TurboModules et intégration JSI

Implémente un TurboModule à l'aide de la couche C++ JSI de la nouvelle architecture pour les appels synchrones. Offre des gains de rendement mesurables par rapport aux modules basés sur le pont.

Leçon 3 • Écriture de modules natifs Android en Kotlin

Crée un ReactContextBaseJavaModule en Kotlin et l'enregistre dans un paquet. Fait le pendant avec le chapitre sur les modules iOS pour assurer la parité des fonctionnalités multiplateformes.

Leçon 4 • Composants d'interface utilisateur natifs et Fabric

Crée des composants d'affichage natifs personnalisés rendus par le moteur de rendu Fabric. Permet d'intégrer des widgets d'interface utilisateur de la plateforme non disponibles comme composants JavaScript.

Leçon 1 • Optimisation du lot JavaScript

Réduit la taille du lot par la division de code, l'élagage des arbres morts et la compilation en bytecode Hermes. Des lots plus petits améliorent le temps de démarrage sur tous les niveaux d'appareils.

Leçon 2 • Outils de profilage et métriques

Utilise Flipper, le profileur Hermes et les outils de développement React pour identifier les goulots d'étranglement JavaScript et de rendu. Établit un état d'esprit axé sur la mesure avant d'appliquer toute optimisation.

Leçon 3 • Rendement des listes avec FlatList et FlashList

Optimise le rendu des grandes listes à l'aide des accessoires FlatList et de la bibliothèque FlashList de Shopify. Répond directement à l'un des problèmes de rendement les plus courants dans les applications mobiles.

Leçon 4 • Gestion de la mémoire et prévention des fuites

Identifie les fuites de mémoire provenant d'abonnements non nettoyés, de fermetures et d'allocations natives. Prévention des plantages d'application et de la dégradation du rendement lors de longues sessions.

Leçon 1 • Surveillance des erreurs et signalement des plantages

Intègre des composants de limite d'erreur et un SDK de signalement de plantage pour la visibilité en production. Ferme la boucle de rétroaction entre le déploiement et la résolution des problèmes.

Leçon 2 • Tests de composants avec RNTL

Teste les composants rendus à l'aide des requêtes et des événements utilisateur de la bibliothèque de test React Native. Valide le comportement de l'interface utilisateur sans se fier aux détails d'implémentation.

Leçon 3 • Test unitaire avec Jest

Rédige des tests unitaires pour les hooks, les utilitaires et les réducteurs à l'aide de Jest et de la bibliothèque de test React Native. Établit la couche de test de base pour toute la pyramide d'assurance qualité.

Leçon 4 • Techniques et outils de débogage

Applique les plugins Flipper, les outils de développement Chrome et Reactotron pour le débogage à l'exécution. Un débogage efficace réduit le délai moyen de résolution des problèmes de production.

Leçon 1 • Mises à jour par liaison radio avec CodePush

Déploie des mises à jour du lot JavaScript sur les appareils de production sans cycles de révision du magasin. Permet des correctifs rapides et des tests A/B des modifications de l'interface utilisateur.

Leçon 2 • Signature de code et gestion des certificats

Gère les profils de provisionnement iOS et les magasins de clés Android pour les compilations de version signées. Une signature correcte est un prérequis pour chaque étape de soumission au magasin.

Leçon 3 • Pipelines de compilation automatisés

Configure des workflows GitHub Actions ou Bitrise pour compiler, tester et archiver à chaque poussée. L'automatisation élimine les erreurs de compilation manuelles et accélère la cadence des versions.

Leçon 4 • Automatisation Fastlane pour la soumission au magasin

Utilise les couloirs Fastlane pour automatiser les téléversements TestFlight et les déploiements sur le Play Store. Réduit le temps de soumission d'heures à minutes avec des scripts reproductibles.