Firebase Crashlytics en React Native: monitoreo de crashes

Crashlytics: monitoreo de crashes en producción

Firebase Crashlytics es el servicio más usado para monitorear crashes en apps móviles. Agrupa crashes similares, muestra el stack trace, el dispositivo afectado y las acciones del usuario antes del crash. En Deepyze configuramos Crashlytics en todos los proyectos antes del lanzamiento.

Instalación

npx expo install @react-native-firebase/app @react-native-firebase/crashlytics

Configuración

Descargá el google-services.json (Android) y GoogleService-Info.plist (iOS) desde la Firebase Console y ubicalos en las carpetas raíz de cada plataforma nativa.

Uso básico

import crashlytics from '@react-native-firebase/crashlytics';

// Capturar error manualmente
try {
  await operacionRiesgosa();
} catch (error) {
  crashlytics().recordError(error);
}

Atributos custom

// Identificar al usuario en el crash
crashlytics().setUserId(usuario.id);

// Atributos custom para contexto
crashlytics().setAttribute('plan', usuario.plan);
crashlytics().setAttribute('version_datos', '2.1');

// Log custom (aparece en el dashboard con el crash)
crashlytics().log('Usuario intentó procesar pago');

Error boundaries

Combiná Crashlytics con Error Boundaries de React para capturar errores de renderizado:

class ErrorBoundary extends React.Component {
  componentDidCatch(error, info) {
    crashlytics().recordError(error);
  }
}

Alertas en tiempo real

Configurá alertas en Firebase Console para que te avisen cuando aparece un crash nuevo o cuando una tasa de crashes supera un umbral.

¿Querés que configuremos monitoreo completo para tu app? Deepyze incluye Crashlytics en el setup de producción.