software-mansion/argent-react-native-profiler

Que fait argent-react-native-profiler ?

Profilez une application React Native Hermes pour mesurer les performances de rendu et CPU à l'aide des outils de profilage argent. Utilisez-le pour optimiser les performances, mesurer avant/après une correction, repérer les composants lents, diagnostiquer les re-rendus, vérifier les points chauds CPU ou produire un rapport classé des problèmes.

Pourquoi utiliser ce skill ?

• Mesure précise des performances de rendu et CPU
• Identification rapide des composants problématiques
• Rapports exploitables avec classement par sévérité
• Compatibilité avec React Native et Hermes

Prérequis

• Une application React Native utilisant Hermes
• Node.js et npm/yarn installés
• Les outils argent-react-native-profiler installés via npm

Utilisation

1. Installation :

   npm install @argent/react-native-profiler
   

2. Profilage :

   npx argent-react-native-profiler --app <chemin-vers-apk>
   

3. Analyse : Consultez le rapport généré dans le dossier argent-reports.

Exemple de sortie

Rapport de performance - application.apk
----------------------------------------
Composants lents :
  - MonComposant (24 re-rendus, 320 ms)
  - UnAutreComposant (12 re-rendus, 150 ms)
Points chauds CPU :
  - fonctionTraitement (45 % CPU)
  - renduListe (30 % CPU)

Liens utiles

• Documentation officielle
• Guide React Native

Licence

MIT