How to Debug React Native Apps in Development and Production

Development: Basic Project Linting

Thanks to Instabug for sponsoring this class! Instabug allows you to gather feedback in-app, capture bug reports, detect app crashes, and more! I've been really happy with the performance and insights of their service.

Not mentioned in the video is the actual integration to view and run linting in your editor. Here are a few popular editor integrations with instructions on how to use them:

Don't see your editor listed? Just search "eslint [EDITOR NAME]" and I'm sure you'll find a solution!

Terminal

yarn add eslint eslint-config-handlebarlabs

.eslintrc.js

module.exports = {
  extends: 'handlebarlabs',
};

As an alternative (or additionally) you can add a lint script to your package.json which runs eslint for you.

package.json

"scripts": {
  ...
  "lint": "eslint .",
},

Want to track your progress? Create an account with React Native School!

Continue

Join the email list to be notified of all new lessons and classes!