О чём занятие
Занятие посвящено углублённой работе с React-хуками и принципами управления жизненным циклом функциональных компонентов. Студенты изучат useState, useEffect и useRef, а также познакомятся с useContext для передачи данных между компонентами без props drilling. Будут рассмотрены хуки оптимизации useMemo и useCallback, их назначение и базовые сценарии применения. Отдельная часть занятия посвящена побочным эффектам и работе с внешними данными: студенты выполнят простой асинхронный GET-запрос с помощью fetch и отобразят полученные данные в интерфейсе.
Цель. Научить использовать React-хуки для управления состоянием, жизненным циклом, общими данными и оптимизацией компонентов, а также выполнять базовые сетевые запросы.
Чему научится
- Применять useState, useEffect, useRef, useContext, useMemo и useCallback
- Понимать зависимости хуков и основы HTTP-запросов
- Управлять состоянием и побочными эффектами, получать данные с API через fetch
- Загружать внешние данные, передавать общие данные через Context и оптимизировать вычисления и функции
Получение списка задач через GET-запрос с помощью fetch, сохранение результата в state и отображение в Task Tracker.
Получить данные из внешнего API, вывести их в отдельном компоненте и реализовать состояния загрузки и ошибки.