React Native Debugging: From JS to Native

React Native Debugging is challenging, but an essential skill to master. Let's talk about how you can eliminate bugs from your React Native app!

#############################

❤️ You can also find me on:

#############################

00:00 React Native Debugging
01:36 React Native DevTools
04:53 Reactotron
07:19 Debug native iOS
09:35 Debug native Android
11:20 Error Monitoring
13:14 Your debugging tricks?

[ExpoDevelopers]

This is great Simon. You're saving devs a lot of time and pain.

[techduke]

i have also not getting the options of Network tab or application tab on devtools, i am working on the latest RN 0.76 project without expo.
i am on windows machine,

[kimikalaprod]

Great tips. Sentry is powerful indeed (even for Web ;). Wonder what's the perf impact on the app though 🤔

[kamal-zw]

Hi Simon please create tutorial on your drag drop with multiple list😊

[byCedric]

My favorite experiment is the Protocol Inspector

[grigorqnkov]

from what version of react-native this is available

[Kitety]

The tool is great, but I mainly use js (ts), and I don’t understand native code. I hope I won't have such a difficult problem

[Eimataras]

What could be wrong if pressing 'j' gives 'load failed' instead of opening React Native DevTools?

[wizzl]

The sources tab is empty for me, any idea why?

[philip-hu]

Hello, can you help, i can not install reactotron with version react-native 0.79

[MarcosVinicius-gjqg]

Simon, could you please make a tutorial on how to use cordova-plugin-purchase 13 for Ionic? After this update, purchases simply stopped working. Only you can save us. Thank you in advance.

[drrodopszin]

What about the humble logcat in Android studio? I used it several times to crack random crashes. Uncaught exceptions still show up in Android logs.

[ichinnasamy]

I have RN 0.76, It is not recording Network calls at all. Also, toggling from No throttling to offline not working.

[marwentrabelsi]

what did Ionic did to your hair bro? :D

[sideone]

I want to use the debugger very much but I don't know why to use? because I solve almost anything with console.log()
and default errors react-native throws
and very rarely I need native code editors for further debugging but why would someone use debugger ? Like in any language I don't understand debuggers

Please someone guide me through it.

[FedericoResnizky]

how about debugging JS code inside VS code??

[alexgordienko]

react-native-debugger with redux doesnt work with new expo sdk?

[shailesh]

Can you create any app clone and upload it will very helpful

[Engr.AsadAnik]

Is there any network inspector on React-Native ? built in devTool is much funny LOL.. don't have network tab other then that all things are there. LOL

[dev.j]

Yeah but how can you debug in a real phone