error-tracking-react-native

Par posthog · skills

Suivi des erreurs PostHog pour React Native

npx skills add https://github.com/posthog/skills --skill error-tracking-react-native

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 - docs
  • references/fingerprints.md - Fingerprints - docs
  • references/alerts.md - Envoyer des alertes de suivi des erreurs - docs
  • references/monitoring.md - Surveiller et rechercher des issues - docs
  • references/assigning-issues.md - Assigner des issues aux coéquipiers - docs
  • references/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

Skills similaires