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.
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??
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...
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.
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 ?
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?
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?
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?
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.
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)
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?
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.
@@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 ?
@@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.
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 ?
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. 😉
Amazing!!!
can this be done for Expo projects as well?
I wish all UA-cam instructional videos were this well done.
This really helped me out. Other tutorials didnt mention to click Debug at the end.
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.
Very cool, man thx! It works still with latest versions
Thanks a lot. It helped me save my time to set breakpoints in Chrome debug console
Thank you very much mash!! it saved my time and im very happy that i choosed ur tutorial :)
Awesome series thank you
Glad you enjoy it!
This video helped me a lot ! Thank you !
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??
thanks for your video. Really useful!
Glad it was helpful!
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...
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.
@@filipemendes6140 thank youuuuuu!!!!
Thank you!
so useful and awesome thank you
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 ?
بسیار عالی. ممنون
When I try to click Debug in emulator, its still pointing to chrome , somehow its not reaching vscode
pls help
How did you solve it?
Just wondering, what is the "watch' bar for? I have been trying to find expressions that can be put in there with no luck
thank you
Thank you
if after entering d in terminal not opening options popup on the app, on app emulator click ctr+cmd+z
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?
Awesome content, how I exit debbug mode?
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?
This also happens to me
How did you solve?
Do we have ability for debug in webshtorm?
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?
Nice 👏
Thanks ✌
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
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?
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.
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)
But sir exciting failed task app process debug ManiMan fast error how to solve
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?
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.
@@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 ?
Anyone able to get this to work with TypeScript?
Can you help me on face detection in react native expo please
You can use this API from Expo: docs.expo.io/versions/latest/sdk/facedetector/
Bro i want animated view for text input
After this series, I'll work on a set of animated components including Text Input.
@@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.
Thanks for your suggestions.
After Mosh, You are Mash
too much adds
do you think your tutorial is such a legend to be seen with extra adds
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 ?
Gak ngerti asw
thank you