React Native Tutorial #21 - Debugging in VS Code

🔥 Get a discount on 'The Complete React Native Course 2023: from Zero to Hero' on Udemy by using the promo code D782E3. As the instructor, I'll be there to answer any technical questions you may have. Plus, you'll get access to more exams and coding exercises, updated content, and no background music or ads. After completing the course, you can get a valid certificate on Udemy to showcase your skills. Click the link below to enroll now with the discount.

--------------------------------------------------------------------------------

🌟 In this session, We learn how to debug code and see the value of variables as we run. Using breakpoint, keep the execution of the code in the desired line and be able to follow the process of executing the codes line by line.

--------------------------------------------------------------------------------

🔥 The Complete React Native Course:

💻 Project Source Code in GitHub:

--------------------------------------------------------------------------------

😍 Subscribe my channel for more React Native Tutorials:

💝 Join my channel to get access to perks:

--------------------------------------------------------------------------------

⏱️ Timestamps:
React Native Tutorial #21 - Debugging in VS Code
00:00 Intro
00:39 Install React Native Tools plugin
01:04 Run & Debug Section
03:58 Add Breakpoint
10:45 Debugging Expo Project

--------------------------------------------------------------------------------

#ProgrammingWithMash #ReactNative #Debugging

[mashschool]

If you have any questions about this or request tutorials in this style, be sure to leave a comment below, and thank you for liking the video. 😉

[TheShaggy]

I wish all YouTube instructional videos were this well done.

[qbakuba]

This really helped me out. Other tutorials didnt mention to click Debug at the end.

[sangram]

Thanks..my first day with React native and I was able to set up and debug easily! I tried few links already but couldn't figure out how the debug option comes up.

[udaysuddhala]

Thank you very much mash!! it saved my time and im very happy that i choosed ur tutorial :)

[romandavydov]

Very cool, man thx! It works still with latest versions

[namlevan]

Thanks a lot. It helped me save my time to set breakpoints in Chrome debug console

[voldemore]

I run the project at the expo, so I don't have the d shortkey to access the debugging metro, I would shift this part of debugging ...do you have any idea for someone who is running project on the expo??

[stodani]

my breakpoint doesn't look red but rather a hollow white circle (black in the inside) and it doesn't make anything when i press the button...
4:04 also that circle besides "navigate" doesn't show up on my VS...

[wardruid]

This video helped me a lot ! Thank you !

[ahmadalastal]

I am using TypeScript rather than Javascript, but the debugging session won't start [The orange color] it just keep loading and loading and no error is presented, any help ?

[priyankaamahour]

Thank you
if after entering d in terminal not opening options popup on the app, on app emulator click ctr+cmd+z

[Submersed]

Just wondering, what is the "watch' bar for? I have been trying to find expressions that can be put in there with no luck

[omsun]

When I try to click Debug in emulator, its still pointing to chrome, somehow its not reaching vscode
pls help

[omarflores]

When I try debug and shake device for show the options, just show me debug with google instead of just debug like in video someones knows what is the reason?

[shaswatisaha]

Hi, I tried to follow your steps but got this error: "Disconnected from the Proxy (Packager) to the React Native application. Retrying reconnection soon..." in the debug console. Any solution for that?

[JuanLopez-dwmi]

I've spent all day trying to get it to work with axios calls. The call and response is working when not in debug mode. Is there a solution for this?

[anandandtech]

when i debug android code in visual studio code using react native my vs code tries to open js in flipper why. please guide me

[raphaelgaldino]

Awesome content, how I exit debbug mode?

[aleksandrmatyka]

Do we have ability for debug in webshtorm?