---
# System prepended metadata

title: Performances dans une application React Native

---

# Performances dans une application React Native

Au cours de la création de nos applications mobiles, nous effectuons de nombreux tests et recettes. Cependant ils sont bien souvent en mode de développement, sur simulateur ou encore sur nos téléphones de dernière génération.

Je vous propose dans cet article de regarder dans notre boite à outils, ce qu'il est possible d'utiliser pour détecter et analyser la performance d'une application React Native, ainsi que les solutions envisageable pour l'améliorer.

## Notre boite à outils

Grâce à la communauté et l'écosystème JavaScript, on dispose de nombreux logiciels pour  

- Ancien device
- console.log()
- Flipper (requête réseaux)
- React Profiler
- https://github.com/callstack/reassure
    - Ajouter test reassure pour les screens principaux
- https://shopify.github.io/react-native-performance
- https://github.com/bamlab/android-performance-profiler

## Les indices

- Temps de démarrage de l'application
    - Taille du bundle, requête réseau au démarrage
- Application responsive
    - Clic sur des éléments
    - Transitions
    - Scroll
- CPU

## Points d'attentions

- Rendu couteux
- Contextes
- Réduction des données d'API
- Taille fixe des images
- UI Kits : Native Base, Tamagui
- Ne charger les données qu'à la visiblité du composant, cf https://github.com/SvanBoxel/visibility-sensor-react-native