Capturando erros no React Native utilizando o Sentry.io

starkdev

Emerson Stark

Posted on December 27, 2021

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

💖 💪 🙅 🚩
starkdev
Emerson Stark

Posted on December 27, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related