Урок 08 · 12 хв

Дані з сервера

Fetch в ефекті. Доки вантажиться — окремий стан. Помилка — теж стан, а не alert.

Типовий екран: idle | loading | error | ready. Під час зміни id ефект качає JSON. Доки чекаєш — скелет або «завантаження». Упав запит — текст помилки й кнопка повтору. Не клади fetch у тіло компонента: кожен рендер піде в мережу.

Три поля, а не один user

Можна спитати про це правило«Відповідь — дані, а не JSX»

Ключ списку з сервера — id з бекенду, а не індекс.
Повторний запит: скинь error, постав pending.
Пізніше з'являться бібліотеки (query). Спершу зрозумій ефект і стани сам.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Чому fetch не пишуть просто в тілі компонента?
2. fetch на 404
3. Доки дані їдуть, на екрані