Отладка React-приложений как у профессионала | Освойте отладку с нуля с помощью Chrome DevTools

Если вы новичок в мире веб-разработки или просто не знаете, какие шаги и инструменты использовать, чтобы отлаживать код как настоящий профессиональный разработчик, то в этом видео мы рассмотрим набор профессиональных инструментов и методов, которые помогут вам легко отлаживать ваши JavaScript и React-приложения, быстро выявлять проблемы с производительностью и исправлять проблемы с доступностью пользовательского интерфейса и макета. Вы также узнаете, как использовать расширения Chrome для более эффективной работы с компонентами React и хранилищем Redux. ⭐ Временные метки ⭐ 00:00 Почему следует использовать инструменты отладки 01:37 Какой проект мы будем отлаживать 05:10 Вкладка «Элементы» и исправление CSS Flexbox Layout 14:41 Возможности консоли 22:14 Просмотр всех HTTP-запросов вашего приложения через вкладку «Сеть» 29:16 Отладка неудачных сетевых запросов 33:14 Вкладка «Источники» и как использовать VSCode для отладки приложений React 41:18 Профессиональные расширения React для Chrome, которые помогут вам отлаживать ваши приложения 48:19 Пользовательские библиотеки отладки React (что вы думаете?) 56:56 Аудит и диагностика вашего приложения (производительность, доступность, SEO и многое другое) 🧭 Освойте React как профессионал с Redux, Typescript и GraphQL | От начинающего до продвинутого пользователя React    • Master React Like Pro w/ Redux, Typescript...   🧭 Посмотрите видеоурок по созданию веб-сайта в Figma    • I Design a onecolor Website in 1 hour | De...   🧭 Посмотрите видеоурок по созданию современной формы входа/регистрации в React с плавной анимацией    • Create a Modern React Login/Register Form ...   ⭐ Полный код, используемый для отладки, можно найти на Github: https://github.com/ipenywis/react-pro... 🐦 Подписывайтесь на меня в Twitter:   / ipenywis   💻 Профиль на Github: https://github.com/ipenywis 💡 Мой блог: http://ipenywis.com Создано с 💗 от Coderone