очень полезно и по полочкам! Огромное СПАСИБО! И в поддержку других комментаторов скажу, что видео о VS code и его дебагере обрадует ещё больше народу:))
Огромное спасибо! Вот бы еще видео о более сложном приложении. Там где сторонние пакеты установлены, всё собрано каким-нибудь вебпаком. Вот о том, как в этом всём разобраться. Именно с точки зрения дебаггинга.
В нашем мире такое проканает только если рядом с кодом лежат сурсмапы. А реальность такова, что код, который доступен на вкладке сурсов, может быть ужатым, минифицированным, или уже обработанным. Лучше всего пользоваться дебагером, который доступен в среде разработки. Например в VSCode можно настроить дебагер так, чтоб он подрубался к нужной вкладке браузера, и тогда можно будет ставить точки остановки прям в редакторе кода. И иметь все преимущества.
Реальность такова, что с микрофронтом такое не прокатит, если твое приложение подрубается как модуль на внешнем ресурсе, придется дебажить через devtool
Ну в принципе когда код не минифицирован, то дебажить становится очень легко, все функции легко доступны и читаемы. Следовало показать на примере сорсмапов.
Михаил, запишите, пожалуйста, видео, как делать мульти фильтрацию в redux. Например, чтобы сортировать товары по цвету и категории. Или по цвету, году выпуска и категории. Или скажите, есть ли это в курсе Redux на Udemy? Если есть, то с удовольствием куплю
Используется. Представьте у вас логическая ошибка. Приложение не падает, консоль чистенькая, а вот функционал явно работает не так как ожидается. Приходиться дебажить.
Он по React 17. Последняя версия 18-я, но они не сильно отличаются, плюс на реальных проектах чаще вы встретите именно 17-ю версию. Так что да, актуален.
Дебажить js гараздо проще чем реакт, который вызывает рекурсионные функции...такой мануал был бы куда актуальней хотя бы потому что таких видео как выше гараздо больше чем дебага на фреймворке
Данное видео было ответом на запрос слушателей на моем платном курсе по JavaScript. И как я вижу по комментариям, актуальность в нем имеется и немалая. Год назад было видео по Реакту th-cam.com/video/uvHgm0Xs7zg/w-d-xo.html Не знаю откуда взялось мнение, что дебажить Реакт сложнее. По мне там даже проще, так как многие операции со страницей заметно упрощены.
@@mishanep Спасибо за контент, и ссылку на видео урок) Очень неприятно когда вызываются внутренняя логика реакта а не то как отрабатывает созданный компонент
С прошедшим ДР!
очень полезно и по полочкам! Огромное СПАСИБО!
И в поддержку других комментаторов скажу, что видео о VS code и его дебагере обрадует ещё больше народу:))
Спасибо, что коротко и понятно
Огромное спасибо! Вот бы еще видео о более сложном приложении. Там где сторонние пакеты установлены, всё собрано каким-нибудь вебпаком. Вот о том, как в этом всём разобраться. Именно с точки зрения дебаггинга.
Здорово! Хороший материал для новичков
Большое спасибо.
Михаил, спасибо большое. Интересно и очень полезно.
Низкий поклон тебе в пояс Михаил!
Суперское видео! Ждем дебаг ноды
В нашем мире такое проканает только если рядом с кодом лежат сурсмапы. А реальность такова, что код, который доступен на вкладке сурсов, может быть ужатым, минифицированным, или уже обработанным. Лучше всего пользоваться дебагером, который доступен в среде разработки. Например в VSCode можно настроить дебагер так, чтоб он подрубался к нужной вкладке браузера, и тогда можно будет ставить точки остановки прям в редакторе кода. И иметь все преимущества.
Реальность такова, что с микрофронтом такое не прокатит, если твое приложение подрубается как модуль на внешнем ресурсе, придется дебажить через devtool
Офигенное видео, а можешь еще про профилирование рассказать?)
Михаил вы Лучший!
Огонь контент, спасибо!
Буду пытаться теперь использовать вместо console
Ооо, очень полезно. Михаил спасибо огромное.
Очень полезно спасибо большое я очень много узнал о дебагере спасибо
Было бы неплохо увидеть такой же видос но с дебагом NodeJS приложения в VSCode.
Спасибо за это видео!
спасибо! Топ видео
Спасибо, некоторых кейсов не знал)
Очень полезно!
супер!
Ну в принципе когда код не минифицирован, то дебажить становится очень легко, все функции легко доступны и читаемы. Следовало показать на примере сорсмапов.
Михаил, запишите, пожалуйста, видео, как делать мульти фильтрацию в redux. Например, чтобы сортировать товары по цвету и категории. Или по цвету, году выпуска и категории.
Или скажите, есть ли это в курсе Redux на Udemy? Если есть, то с удовольствием куплю
Отличное видео, очень полезно, спасибо!
Можно подобное видео по React?
Можно th-cam.com/video/uvHgm0Xs7zg/w-d-xo.html
В реакте такое используется? Прост ошибка вроде выскакивает с описанием и местом в большинстве случаев?
Используется. Представьте у вас логическая ошибка. Приложение не падает, консоль чистенькая, а вот функционал явно работает не так как ожидается. Приходиться дебажить.
Ваш курс на Udemy по реакту актуальный на данный момент ?
Он по React 17. Последняя версия 18-я, но они не сильно отличаются, плюс на реальных проектах чаще вы встретите именно 17-ю версию. Так что да, актуален.
Планируется ли курс по бэку?
Возможно через годик. Смотря как моя проф карьера будет развиваться.
"CSP violation breakpoints" - это для чего?
👍
в случае если работает реакт и собирается он вэбпаком в этом дебагере написано примерно то же что и в исполняемом бинарнике )
Есть sourcemap, которые в дев-режиме как правило есть всегда. И они позволяют привести код к тому виду, который у нас в редакторе.
@@mishanep его нужно отдельно качать?
@@rflwnq его наличие или отсутствие определяется настройками сборщика проекта, например, webpack.
Михаил, что вы не помните?
Дебажить js гараздо проще чем реакт, который вызывает рекурсионные функции...такой мануал был бы куда актуальней хотя бы потому что таких видео как выше гараздо больше чем дебага на фреймворке
Данное видео было ответом на запрос слушателей на моем платном курсе по JavaScript. И как я вижу по комментариям, актуальность в нем имеется и немалая.
Год назад было видео по Реакту th-cam.com/video/uvHgm0Xs7zg/w-d-xo.html Не знаю откуда взялось мнение, что дебажить Реакт сложнее. По мне там даже проще, так как многие операции со страницей заметно упрощены.
@@mishanep Спасибо за контент, и ссылку на видео урок)
Очень неприятно когда вызываются внутренняя логика реакта а не то как отрабатывает созданный компонент
thx