How to debug react native apps in visual studio code?

Question

I am using visual studio code IDE to develop react native app and am not using expo library.

Before that I was working on the android studio, debugging in that is st

Answer 1

Step1: Open app Setting in your mobile by shaking your mobile or by typing this command in your machine if your running android.

adb shell input keyevent 82

Step2: Select Debug JS Remotely which is the second option. Step3: In your Browser type Url http://localhost:8081/debugger-ui/ Step4: Again Open App Setting by shaking or running the command shown in step 1 and select Reload option which is first option

Now You can get all console logs in the browser and also you can debug your app remotely by putting breakpoints and analyze the values step by step.