Quickstart
Pionne est un mini-Sentry mobile-first pensé pour React Native + Expo. Ce guide t’amène d’un projet vide à ton premier crash capturé en moins de 5 minutes.
Pionne vs Sentry en un coup d’oeil
Section intitulée « Pionne vs Sentry en un coup d’oeil »| Pionne | Sentry | |
|---|---|---|
| Cible | React Native + Expo | Multi-plateformes |
| Pricing | 9,99 €/mois (50k events) | À partir de 26 €/mois |
| Essai | 30 jours gratuits | Quota gratuit |
| Dashboard | App mobile native | Web |
| Source maps | Auto via EAS | Manuel ou CLI |
| Bundle ID pinning | Oui (anti-vol token) | Non |
1. Installer le SDK
Section intitulée « 1. Installer le SDK »npm install @pionne/react-native2. Récupérer ton token
Section intitulée « 2. Récupérer ton token »- Crée un compte dans l’app mobile Pionne.
- Crée un projet (iOS, Android ou les deux).
- Copie le token au format
pio_live_xxxxxxxxxxxx...(48 chars).
3. Initialiser
Section intitulée « 3. Initialiser »Dans App.tsx ou app/_layout.tsx (Expo Router) :
import { Pionne } from '@pionne/react-native';
Pionne.init({ token: 'pio_live_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', environment: __DEV__ ? 'development' : 'production', release: '1.0.0', scrubPii: true,});4. Tester ton premier crash
Section intitulée « 4. Tester ton premier crash »import { Button } from 'react-native';import { Pionne } from '@pionne/react-native';
<Button title="Crash test" onPress={() => { throw new Error('Hello Pionne'); }}/>Recharge l’app, appuie sur le bouton, ouvre l’app Pionne : l’event apparaît dans les secondes qui suivent.
5. Et après ?
Section intitulée « 5. Et après ? »- Active la capture d’écran automatique pour voir l’écran au moment du crash.
- Configure les source maps pour des stack traces lisibles en prod.
- Wrap tes routes critiques dans
<PionneErrorBoundary>(guide).