Что такое React Suspense, use и ErrorBoundary в подробностях

В этом видео разбираемся как работать с процессами (промисами) в React с помощью метода use, компонента Suspense, а также обработку ошибок через ErrorBoundary. Разберем примеры запроса данных с бекенда, ленивую подгрузку компонент (code-splitting) и загрузку данных за пределами UI на примере лоадера в react-router. Уже давно в React появился компонент Suspense, специально предназначенный для таких задач, но, к сожалению, фронтенд разработчики, особенно на проектах, в которых много легаси, не спешат его использовать. Постараемся понять, как и почему команда реакт дала нам такие инструменты, как они работают и какие преимущества для наших проектов будут от их применения. 00:00 Введение 00:20 Загрузка данных через хук 02:53 Недостатки обычного подхода 04:50 Что предлагает команда React 05:55 Загрузка данных по-новому 11:18 Код-Сплиттинг 12:12 Использование в react-router 15:14 Преимущества нового подхода