Capturando erros no React Native utilizando o Sentry.io

O Que é o Sentry?

Basicamente, o sentry é uma ferramenta que nos auxilia na captura de erros que acontecem nas nossas aplicações em modo debug e também em produção.

é só isso mesmo!!!

Bora ver como isso funciona?

1. Crie uma conta no sentry

2. Vai em Criar um projeto e selecione a plataforma ( no nosso caso, REACT NATIVE ) e clica em Criar projeto.
   

Agora no nosso projeto React Native

1 - Instalar a biblioteca de integração do Sentry com o React Native.

npm install --save @sentry/react-native
# or
yarn add @sentry/react-native

2 - Adicionar o Sentry no nosso aplicativo

Você pode adicionar a chamada do sentry no seu app.js ou app.ts da seguinte maneira:

import * as Sentry from "@sentry/react-native";

Sentry.init({
  dsn: SUA_DSN_AQUI
});

Sua DSN aparece logo após você criar o seu projeto React Native na plataforma do Sentry

3 - Faça o build da sua aplicação novamente

 yarn android 
 ou
 yarn ios

E pronto, sua aplicação agora está sendo monitorada pelo sentry, e qualquer erro ele vai te mostrar em uma dashboard da plataforma.

Você também consegue ver algumas métricas do dispositivo do usuário, como:

Nível de bateria, network que estava sendo utilizada no momento do crash, IP e etc...

É isso galera, qualquer dúvida deixe nos comentários :D

Comments

[jhonatanfsaman]

Sentry é show demais!

Parabéns pelo post mano!

[ptkgok]

a instalação é fácil e o uso da ferramenta é mais fácil ainda! muito top mano.

[Wagner Lima]

Muito útil e fácil de implementar