Sentry en React Native: monitoreo de errores en producción

Por qué monitorear errores en producción

Tus usuarios encuentran bugs antes que vos. Sin monitoreo, te enterás por reviews de 1 estrella o cuando un cliente importante llama. Con Sentry, te enterás en minutos de cualquier error y tenés el contexto completo para reproducirlo. En Deepyze configuramos Sentry en todas las apps que lanzamos a producción.

Instalación

npx expo install @sentry/react-native

Configuración inicial

// app/_layout.tsx o App.tsx
import * as Sentry from '@sentry/react-native';

Sentry.init({
  dsn: 'TU_DSN_DE_SENTRY',
  enableNative: true,
  debug: __DEV__,
  environment: __DEV__ ? 'development' : 'production',
  tracesSampleRate: 0.2,  // 20% de transacciones para performance
});

Capturar errores manualmente

try {
  await api.procesarPago(monto);
} catch (error) {
  Sentry.captureException(error, {
    extra: {
      monto,
      usuarioId: usuario.id,
    },
  });
}

User context

// Después del login
Sentry.setUser({
  id: usuario.id,
  email: usuario.email,
  username: usuario.nombre,
});

Source maps

Configurá EAS para subir los source maps automáticamente a Sentry en cada build. Esto permite ver los stack traces con el código original (no minificado) en el dashboard de Sentry.

Plan gratuito

El plan gratuito de Sentry incluye 5000 errores/mes y 10.000 transacciones de performance. Suficiente para apps en etapas tempranas.

¿Querés configurar monitoreo profesional para tu app? Hablá con Deepyze.