How to Debug React Native Apps in Development and Production
Learn tools and strategies to help you more easily debug the inevitable bugs you'll face while building a mobile app.
In this 12 lesson class we cover strategies, tools, and techniques for debugging your React Native app in both development and production. It takes about an hour to complete.
Just like much in the world of JavaScript, debugging can be a pretty adhoc process that often leads to confusion and frustration.
I hope that with this class I can add some guidelines for you to work off of and some tools to assist you in effectively debugging your app.
Thanks to Instabug for sponsoring this class, making it publicly available for all! Instabug provides an awesome service to help manage your production apps. Want to be notified of errors in your production app? Check. Crash reports? Got it. Capture user feedback and bug reports? You betcha!
Instabug has been a great tool to work with and you can learn more about how to use it in the class.
Your Instructor
I’m Spencer Carli. I'm a developer, cat dad, and devout pizza lover.
I’ve been using React Native full-time since it was first open sourced by Facebook in 2015. I’ve built multiple apps, reached over 1.1 million developers through my React Native tutorials, taught thousands through my online courses, and trained teams of developers to effectively use React Native.
React Native School
Wait! Do you use React Native often? Maybe you're building a product on it. If so, you're going to be looking things up often - so why not get access to the best React Native resources on the web?
React Native School gives you access to multiple courses (including this one), a weekly tutorial, access to a private Slack community full of other React Native developers to learn from.
Sound interesting? Check it out!
Course Curriculum
-
StartIntroduction (1:48)
-
StartDevelopment: Debugging Process (4:09)
-
StartDevelopment: Basic Project Linting (4:40)
-
StartDevelopment: The Venerable console.log (5:32)
-
StartDevelopment: Configure and Use VS Code Breakpoints (8:51)
-
StartHow to Run App in Production Mode (4:41)
-
StartProduction: Debugging Process (4:39)
-
StartProduction: Install Instabug (4:30)
-
StartProduction: Capture & Analyze Errors (5:36)
-
StartProduction: Capture & Analyze Native Crash Reports (4:25)
-
StartProduction: Capture User Generated Bug Reports (3:41)
-
StartConclusion
Get started now!
Don't believe me? Here's what others have to say.
"woot woot, just got an app approved on the app store with my first submission! wouldn't have happened without all the good insights from @spencercarli. thanks man!"
- Rob Carter
"THANK YOU, THANK YOU, THANK YOU. I just built and pushed my first react native app to the App Store. You have NO idea how much time, stress and anxiety you've saved me with this video series. I learned so much from these. New tools, and methods of building for production. I'm not even done yet, I just had to stop and thank you before I continued. YOU. ROCK. simple as that."
- Jonathan Wheat
"Spencer Carli's courses and tutorials have been an immense help to me on my journey to become an Android and iOS mobile app programmer. I've learned not only how to create dynamically functional React Native + Meteor apps, but how to write cleaner, more concise code as well. He has taught me to better utilize the React Native component model--which, along with its cross-platform nature is really its core strength and saves one from redundancy--and to employ Meteor's amazing responsiveness in my apps. All this, and he has always been there with an answer when I've run up against one of those frustrating coding problems as well! I recommend his courses highly."
- Ken Wishart