Aller au contenu

Quickstart

Pionne est un outil de monitoring d’erreurs 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.

1. Installer le SDK

npm install @pionne/react-native

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

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

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 ?

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).

Voir aussi