Обработка ошибок в React-приложении | Error Boundary

[@IliaKotl]

Бомба!)) сегодня хотел как раз спросить и дополнительно - есть ли практика логгирования в отдельные хранилища/ файлы, для последующего анализа и устранения ошибок!?

[@mishanep]

Для логирования sentry.io предоставляет хороший сервис. У них, кстати, есть собственная либа для Error контейнера.

[@uNkind33]

@@mishanep ++ за сентри

[@llwebstylell242]

@@mishanep а что за логирование ? это для поиска багов и ошибок в режиме разработки ?

[@yugo6418]

Скорее всего речь идет о записи в хранилище данных (факт возникновения ошибки, причина ошибки, где эта ошибка произошла) для ведения учета о их возникновении и, в целом, возможности отследить её возникновение для того, чтобы разработчики могли понять почему эта ошибка произошла и как устранить её. Если простыми словами, то это система, где отслеживается каждая ошбика, полученная пользователем, и регистрируется в файлы (хранится там со всей нужной информацией), чтобы потом провести анализ (полученных ошибок) и сделать так, чтобы эта ошибка больше не происходила. @@llwebstylell242

[@llwebstylell242]

@@yugo6418 уже не актуальная инфа для меня, но спасибо, давно уже с этим всем разобрался

[@alexshepel9387]

Шикарне відео! Дуже дякую!!!

[@azizbekkomilov3589]

Спасибо за видео ждём новых интересных видео!

[@ЮрийБилоног]

Спасибо! Кратко и по делу!!!)

[@uNkind33]

Спасибо за видео!

[@FireORcolD]

а можно узнать вообще как понять в какие моменты могут быть ошибки чтобы их оборачивать этими предохранителями или лучше одним обернуть весь проект?

[@Giri-16108]

Как раз начал использовать в своём проекте. Было бы интересно от вас узнать об оптимизации рендера в реакт, как лучше всего это делать правильно?

[@elvinyuzbekov2951]

I liked this video

[@from_brest2631]

лойс

[@Seacrest.]

говорят читать доку, но все равно смотрим видосики

[@mishanep]

Я сам визуал и небольшой ролик по чему-то для меня новому сокращает возьню с документацией на часы. Понятно, что ни одно видео документацию не покроет, поэтому без нее всё равно никуда. Но если есть возможность быстрого старта, то это всегда здорово =)

[@АнатолийГорбов-о1ь]

Отличное видео! Автору благодарность за канал))

[@petarthecodehunter3333]

Спасибо вам большое. Слушать вас одно удовольствие)

[@sergeyf466]

Видео просто супер, очень понятно и доходчиво объяснено !!!

[@Giri-16108]

Благодарю вас!)

[@magerrrr]

Спасибо большое! Классное видео)

[@maxfillsen957]

Михаил, вопрос. Имеется некий но в API эта картинка 404 Not found (хотя сама ссылка есть, просто картинки по ней нету) как сделать обработку на наличие картинки? по типу {imgurl ? {imgurl} : Not Found} речь конечно о React приложении

[@mishanep]

Если imgurl может быть пустой, то тогда да, ваш вариант может иметь место: { imgurl ? : Not Found } Если же imgurl - конкретная ссылка, то такой код работать не будет. Здесь скорее сам компонент CardMedia должен обрабатывать на картинке событие onError - валидное dom-событие, возникающее при отсутствии ресурса. И при его обработке вместо картинки уже либо текст с ошибкой предлагать, либо fallback-картинку (т.е. точно работающую картинку, например, с той же самой ошибкой, только веселее).

[@maxfillsen957]

@@mishanep material-ui.com/api/card-media/#cardmedia-api а если у него в API нет события onError?

[@ArseniyBendyukov]

спасибо, очень интересно! P.S. нашел канал благодаря Диме IT-KAMASUTRA

[@mishanep]

Спасибо ему :)