ErrorElement для обработки ошибок в React приложении

React router предложил новый подход по обработке ошибок в SPA-приложениях. С добавлением свойства errorElement уведомить посетителей сайта о сбоях стало совсем просто.

Мои курсы по вебу с купонами:

📢 Поддержка канала:

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

Михаил спасибо! у вас всегда очень полезные и информативные ролики!

[exelione]

Спасибо, в 2024 до сих пор очень полезно

[Алексей-идв]

Спасибо за ваш труд. Супер, впрочем как всегда !!!

[АлексейСтупников-ду]

благодарю за видео! 8:06 - может быть будет кому-то полезно, для того, чтобы ошибка показывалась внутри корневого лояута (между хедером и футером), но не вместо него, то можно сделать как в туториале реакт-роутера: обернуть все дочерние роуты в роут без пути у которого указать errorElement (смотри раздел "pathless route" в конце туторила)

[victormog]

Очень информативно и полезно! Спасибо!!!

[kosee]

Классно! Было бы классно послушать про Security приложения.

[dimondmarcker]

Михаил, спасибо большое за видео!
интересно было бы увидеть реализацию приватных роутов с новой структурой роутинга react router dom v6.4!

[роматарасов-ол]

хотелось бы увидеть от вас видос про ковариантность в тайпскрипте, и как использовать ключевые слова in и out, чтобы явно задать вариантность
по моему мнению это самая нераскрытая тема в тайпскрипте

[TheSome]

Так и тянется рука переключить тему на тёмную в ваших видео :)

[golbIi_veshaet]

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

[irinal]

Здравствуйте, Михаил! Спасибо за видео! Расскажите, пожалуйста, про работу с формой в React Router? )) И еще интересно, ваше отношение к разрастающейся библиотеке и делегированию ей задач (предзагрузка данных, сабмит формы)?

[Кирилл-шрх]

Здравствуйте Михаил!
Появился вопрос: Почему на 12:56 отрисовывается элемент, который рендерится только при ошибке в роутинге, ведь ошибка в сетевом запросе (неправильное название сервера)?

[ИгорьФеоктистов-эг]

здравствуйте! появился вопрос, почему когда я возвращаю нормальный адрес в fetch вместо страницы blog у меня все также выводится страница с ошибкой, хотя никаких ошибок уже нет? МОжет быть не правильная проверка в blogLoader?

[iGotton]

У меня никак не получалось дальше в ErrorBoundary прокинуть ошибку. Он просто тут стопорился и показывал заглушку - Эй разработчик, напиши обработку. Я даже полностью убирал errorElement и ничего не менялось. Сделал вывод, что с новым роутингом предохранители не работают. Кажется, это даже в документации написано.

[pitbrest]

Чет у меня не отлавливает ошибку при первом способе если выбрасывать Response внутри getPosts, но если все оформить в loader - и fetch и выброс Response с данными для обработки ошибки то все норм. Видимо ошибку нужно ловить в самом loader

[azim-]

нуу, шляпа какая-то, на страницу 404 и так можно переходить. а я думала можно с этим сделать окошко-тост с уведомлениями

[sergey_zatsepin]

Михаил, было бы интересно посмотреть(+попрактиковаться) от вас мастер-класс по Web Audio API