Suivi des erreurs PostHog pour React Native
Cette skill vous aide à ajouter le suivi des erreurs PostHog aux applications React Native.
Fichiers de référence
references/react-native.md- Installation du suivi des erreurs React Native - docsreferences/fingerprints.md- Fingerprints - docsreferences/alerts.md- Envoyer des alertes de suivi des erreurs - docsreferences/monitoring.md- Surveiller et rechercher des issues - docsreferences/assigning-issues.md- Assigner des issues aux coéquipiers - docsreferences/upload-source-maps.md- Uploader les source maps - docs
Consultez la documentation pour les détails d'API et les patterns spécifiques au framework.
Principes clés
- Variables d'environnement : Utilisez toujours les variables d'environnement pour les clés PostHog et les URLs d'hôte. Ne les hardcodez jamais.
- Changements minimaux : Ajoutez le suivi des erreurs aux côtés de la gestion des erreurs existante. Ne remplacez pas ou ne restructurez pas le code de gestion des erreurs existant.
- Autocapture en premier : Activez l'autocapture des exceptions dans l'initialisation du SDK avant d'ajouter des captures manuelles.
- Source maps : Uploadez les source maps pour que les stack traces se résolvent au code source original, pas aux bundles minifiés.
- Capture manuelle pour les boundaries : Utilisez
captureException()aux error boundaries et dans les blocs catch pour les erreurs qui ne se propagent pas au gestionnaire global.
Directives du framework
- posthog-react-native est le nom du package du SDK React Native
- Utilisez react-native-config pour charger POSTHOG_PROJECT_TOKEN et POSTHOG_HOST depuis .env (les variables sont intégrées au moment du build, pas à l'exécution)
- react-native-svg est une dépendance peer requise de posthog-react-native (utilisée par la feature surveys) et doit être installée aux côtés
- Placez PostHogProvider À L'INTÉRIEUR de NavigationContainer pour la compatibilité React Navigation v7