Error boundary
Error boundary — это специальный компонент в React, который перехватывает ошибки в коде и не дает всему приложению «упасть» с белым экраном.
Представьте, что вы строите дом, и в одной из комнат прорвало трубу. Если дом спроектирован плохо, вода затопит всё здание, и жильцам придется съехать. Error boundary работает как герметичная перегородка: если в конкретном компоненте (например, в виджете погоды) случилась ошибка, она блокируется внутри этой секции.
Вместо того чтобы показывать пользователю пустую страницу или ошибку «500», Error boundary позволяет вывести аккуратное сообщение: «Что-то пошло не так, попробуйте обновить страницу». Это позволяет остальной части вашего сайта работать как ни в чем не бывало, пока вы спокойно чините проблемный участок.
Зачем это нужно
Для вайбкодера это критически важно: когда вы быстро собираете проект с помощью AI, ошибки неизбежны. Использование Error boundary делает ваш интерфейс «неубиваемым» и профессиональным, предотвращая ситуацию, когда одна мелкая опечатка в коде ломает весь пользовательский опыт.