Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
If you're a beginner to the web development world or just don't know the right steps and tools to use to get yourself to debug like a real pro developer well, in this video we will go through the set of pro tools and techniques to use to debug your Javascript and React applications with ease and quickly identify what performance issues and fix accessibility problems on your users' facing UI and layout you'll also learn how to use Chrome extensions for better working with your React components and your Redux store.
⭐ Timestamps ⭐
00:00 Why you should use Debugging Tools
01:37 What Project we are going to debug
05:10 Elements tab and fixing your CSS Flexbox Layout
14:41 The Power of the Console
22:14 See all your app HTTP Calls through the network tab
29:16 Debugging failed network calls
33:14 Sources Tab and How to use VSCode to Debug React Apps
41:18 Pro React chrome extensions to help you debugging your apps
48:19 React Custom debugging libraries (WDYR)
56:56 Auditing and diagnosing your app (Performance, Accessibility, SEO, and more)
? Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk
? Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas
? Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI
⭐ You can get the Full Code Used for debugging from Github:
https://github.com/ipenywis/react-pro-debugging
? Follow me on Twitter: https://twitter.com/ipenywis
? Github Profile: https://github.com/ipenywis
? My Blog: http://ipenywis.com
Made with ? by Coderone
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.