Что происходит с необработанными ошибками в React 16, и почему такое поведение было реализовано?

Поведение ошибок в React 16

В React 16 неперехваченные ошибки, которые не обработаны error boundary, приводят к полной размонтировке всего дерева компонентов React.

Логика такого дизайна

Такое поведение сделано намеренно, потому что оставить сломанный UI хуже, чем вообще ничего не показывать. Сломанный или рассогласованный интерфейс может ввести пользователя в заблуждение и принести больше вреда, чем пустой экран.

Пример из реальной жизни

Возьми приложение для платежей:

• Показать неправильную сумму платежа — опасно и неприемлемо
• Не отрендерить ничего — безопаснее и ответственнее
• Пользователи могут обновить страницу или повторить попытку, вместо того чтобы продолжить с неверными данными

Главное правило

React ставит целостность данных и безопасность пользователя выше постоянной доступности. Когда ошибку нельзя перехватить и обработать корректно, полный сброс дерева компонентов предотвращает потенциально опасные сломанные состояния, которые остаются видны пользователям.