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

Поделиться
HTML-код
  • Опубликовано: 14 ноя 2024

Комментарии • 29

  • @IliaKotl
    @IliaKotl 3 года назад +1

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

    • @mishanep
      @mishanep  3 года назад +3

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

    • @uNkind33
      @uNkind33 3 года назад +1

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

    • @llwebstylell242
      @llwebstylell242 2 года назад

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

    • @yugo6418
      @yugo6418 10 месяцев назад +2

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

    • @llwebstylell242
      @llwebstylell242 10 месяцев назад

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

  • @alexshepel9387
    @alexshepel9387 2 года назад +1

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

  • @azizbekkomilov3589
    @azizbekkomilov3589 2 года назад

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

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

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

  • @petarthecodehunter3333
    @petarthecodehunter3333 2 года назад

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

  • @sergeyf466
    @sergeyf466 2 года назад

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

  • @ЮрийБилоног
    @ЮрийБилоног 2 года назад

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

  • @Giri-16108
    @Giri-16108 3 года назад +1

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

  • @magerrrr
    @magerrrr 3 года назад

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

  • @uNkind33
    @uNkind33 3 года назад

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

  • @Giri-16108
    @Giri-16108 3 года назад

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

  • @FireORcolD
    @FireORcolD Год назад

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

  • @Seacrest.
    @Seacrest. 3 года назад +1

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

    • @mishanep
      @mishanep  3 года назад +9

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

  • @elvinyuzbekov2951
    @elvinyuzbekov2951 8 месяцев назад

    I liked this video

  • @maxfillsen957
    @maxfillsen957 3 года назад

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

    • @mishanep
      @mishanep  3 года назад +2

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

    • @maxfillsen957
      @maxfillsen957 3 года назад

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

  • @from_brest2631
    @from_brest2631 3 года назад

    лойс

  • @ArseniyBendyukov
    @ArseniyBendyukov 3 года назад +1

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

    • @mishanep
      @mishanep  3 года назад

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