React Native Tutorial #21 - Debugging in VS Code

[@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. 😉

[@bestsongsreelsshortslatest1170]

Amazing!!!

[@atif7865]

can this be done for Expo projects as well?

[@TheShaggy1966]

I wish all KZbin instructional videos were this well done.

[@qbakuba2057]

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

[@namlevan2929]

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

[@romandavydov3738]

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

[@udaysuddhala3512]

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

[@sangram6848]

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.

[@nickbanderson]

Awesome series thank you

[@mashschool]

Glad you enjoy it!

[@voldemore6300]

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??

[@2wardruid2]

This video helped me a lot ! Thank you !

[@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...

[@filipemendes6140]

I was also struggling with this but I found the solution: Just right click the circle, then click the option that says "Edit breakpoint". It will open a tippable bar, click there to type and just hit enter.

[@stodani]

@@filipemendes6140 thank youuuuuu!!!!

[@phamanhtuan8732]

thanks for your video. Really useful!

[@mashschool]

Glad it was helpful!

[@sanilkp6180]

Thank you!

[@manishsaini021]

so useful and awesome thank you

[@anahitafakhravar1878]

بسیار عالی. ممنون

[@raphaelgaldino3129]

Awesome content, how I exit debbug mode?

[@priyankaamahour]

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

[@ahmadalastal5303]

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 ?

[@Submersed24]

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

[@18omarflores]

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?

[@leonardoderigo2640]

How did you solve?

[@TheAppAlchemist]

thank you

[@omsun456]

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

[@leonardoderigo2640]

How did you solve it?

[@aleksandrmatyka3118]

Do we have ability for debug in webshtorm?

[@anandandtech6580]

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

[@JuanLopez-dw2mi]

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?

[@shaswatisaha309]

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?

[@shabaaz27]

Nice 👏

[@mashschool]

Thanks ✌

[@zakmiltan]

Do you have a expo version , because i could not make it work following your instructions. but using "expo start" instead of "react-native start" I never get the debug menu on the device or emulator. could you help please?

[@mashschool]

You can read about showing developer menu in expo here: docs.expo.io/workflow/development-mode/#showing-the-developer-menu Also you should set the port as I mentioned in the end of video.

[@deeps-cg3lc]

Hi Mesh, I am getting below error while debugging in VS code, An error occurred while launching the application. Error while executing command '/Users/NAME/Documents/react_codes/AwesomeProject/node_modules/.bin/react-native run-ios --udid EF42321F-4D43-4307-9C70-A9F5EE4248DA --no-packager --verbose' (error code 101) (error code 303)

[@omeileo]

My breakpoint is hollow (not red) and says 'Unbound breakpoint' when I hover over it. It doesn't stop at the code when I run it. Is there a fix for this?

[@diegosalasnoain1149]

If you are using typescript you need to enable: "sourceMap": true, "sourceRoot": "./", "mapRoot": "./", in the tsconfig.json That will allow the breakpoint to be bounded. You need to also make sure you are allowing to use breakpoints everywhere in you app by going to Code/Preferences/Settings. Search "Debug" and make sure the "Allow Brakpoints Everywhere" is enabled. That should be sufficient.

[@ahmadalastal5303]

@@diegosalasnoain1149 tried that but my debugging session won't start, OUTPUT give me Packager is started and the debugging session doesn't start, any help ?

[@Zahid110-r7u]

But sir exciting failed task app process debug ManiMan fast error how to solve

[@sogxeuro]

Anyone able to get this to work with TypeScript?

[@niteeshsatyapu104]

Can you help me on face detection in react native expo please

[@mashschool]

You can use this API from Expo: docs.expo.io/versions/latest/sdk/facedetector/

[@shabaaz27]

Bro i want animated view for text input

[@mashschool]

After this series, I'll work on a set of animated components including Text Input.

[@shabaaz27]

@@mashschool keep going your content is good. Subscribers will come to you automatically Do videos using react components as well. Try to update what errors we face using components in react native Example while installing react-gesture-handler Am from chennai,India All the best.

[@mashschool]

Thanks for your suggestions.

[@alir8zana635]

why would you try and copy the style of coding with mosh and net ninja? why do you think you don't have the knowledge or ability to become a brand yourself ?

[@sultanali6411]

too much adds do you think your tutorial is such a legend to be seen with extra adds

[@lettechtutorials]

After Mosh, You are Mash

[@unpamprogramming4497]

Gak ngerti asw

[@jass__0]

[@hkthktm]

thank you