Тёмный
No video :(

Debugging Expo React Native Apps using react-devtools and Chrome Dev Tools 

MissCoding
Подписаться 8 тыс.
Просмотров 26 тыс.
50% 1

Hi everyone!
Today I'm showing you how to use Chrome developer tools and react-devtools to debug your expo react native apps and identify issues in code.
For more on react-devtools:
www.npmjs.com/...
You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
amzn.to/49NX6Xe
// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
// PRODUCTS USED
I use the following products in the creation of my videos:
Boya MM1 Microphone - amzn.to/3uupmOB
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
Canon 18-55mm Lens - amzn.to/3QYYdLk
A kit lens but a decent quality lens for beginners getting used to a DSLR
Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3GdRPuq
This is the kit I started with it includes the lens linked above and is a great starter camera.
I love Apple devices... These are the ones I use for my channel content creation:
Apple iPhone 13 - amzn.to/3G8pHcl
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
Apple MacBook Pro - amzn.to/3MUuPV8
A nice portable computer for working from anywhere and perfect for iOS development
Apple iPad Air - amzn.to/49LvYrY
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
//CONTACT:
Please contact me at: hello@tripwiretech.com
//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: linktr.ee/miss...

Опубликовано:

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 12   
@thiagoribs295
@thiagoribs295 Год назад
The fact that there are so many videos teaching how to debug react native amazes me. It's like buying a car and have to look online where the driver seat is because de manufacturer hide it. Great video, thank you!
@themonklab
@themonklab Год назад
This tutorial was awesome. Thank you.
@TheRonron1994
@TheRonron1994 6 месяцев назад
I have React Devtools extension installed in Chrome. Is there are way to use that in the JS Debugger?
@ekpenyongokpo4900
@ekpenyongokpo4900 Год назад
Nice and simple.
@kevinwang1655
@kevinwang1655 Год назад
Does this only work on Android Simulator? I'm trying to use the debugger in Expo Go, but opening the Javascript Debugger and setting breakpoints in the chrome tab doesn't do anything.
@MissCoding
@MissCoding Год назад
Should work on an actual device also
@artjomsfomenko757
@artjomsfomenko757 Год назад
Same thing here on windows env using Android emulator or device. Found the solution?
@user-xy1jr6fu4z
@user-xy1jr6fu4z 9 месяцев назад
thanks alot for this video
@MissCoding
@MissCoding 9 месяцев назад
Thanks for watching 💻
@auaopony
@auaopony Год назад
very good
@oggy112
@oggy112 11 месяцев назад
Any network inspecting capabilities?
@WondersAndWhy
@WondersAndWhy Год назад
Great Video, Is there any way to contact you? I want to ask you a few questions about RN
Далее
Whoa
01:00
Просмотров 11 млн
Х.евая доставка 😂
00:23
Просмотров 1,1 млн
React Native Tutorial #21 - Debugging in VS Code
11:40
React Native CLI Setup for Windows [Created in 2024]
25:02
Mobile Devs Hate Servers. Expo Wants To Fix That.
16:05
Whoa
01:00
Просмотров 11 млн