DEV Community

Cover image for Capturando erros no React Native utilizando o Sentry.io
Emerson Stark
Emerson Stark

Posted on

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?

Image description

  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.
    Image description

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
Enter fullscreen mode Exit fullscreen mode

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
});
Enter fullscreen mode Exit fullscreen mode

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
Enter fullscreen mode Exit fullscreen mode

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

Latest comments (3)

Collapse
 
jhonatanfsaman profile image
jhonatanfsaman

Sentry é show demais!

Parabéns pelo post mano!

Collapse
 
wagnerlima85 profile image
Wagner Lima

Muito útil e fácil de implementar

Collapse
 
ptkgok profile image
ptkgok

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