Programme de Formation
5
module(s)
Durée totale : 360
Diagnostiquer les problèmes de performance d'une application React Native avec Flipper, Hermes et le React Profiler, puis optimiser rendus, listes et mémoire.
Module 1 : Débogage avec Flipper et React DevTools
75
Installer Flipper et React DevTools, inspecter la hiérarchie des composants, analyser les logs et les requêtes réseau pour diagnostiquer rapidement une application React Native.
Module 2 : Hermes, le moteur JavaScript moderne
60
Activer Hermes dans un projet React Native, comprendre son fonctionnement (bytecode précompilé, AOT), mesurer le gain sur le démarrage à froid et lire un bundle Hermes.
Module 3 : Profiling des rendus avec le React Profiler
75
Enregistrer un profil de rendu avec le React Profiler, identifier les re-renders inutiles grâce au flamegraph et appliquer memo, useMemo et useCallback là où ils sont réellement utiles.
Module 4 : Optimiser FlatList, techniques avancées
90
Appliquer getItemLayout, stabiliser keyExtractor, ajuster windowSize et initialNumToRender, mémoïser renderItem et mesurer les gains FPS pour garder FlatList fluide même sur des listes longues.
Module 5 : Gestion mémoire et images
60
Détecter les fuites mémoire, optimiser le chargement des images et exploiter expo-image pour réduire l'empreinte mémoire d'une application React Native.
Commentaires
0 commentaire
Aucun commentaire pour le moment
Soyez le premier à partager votre avis !
Se connecter pour commenter