Методы жизненного цикла классового компонента в React: Работа с API и состоянием

В этом видео вы узнаете, как использовать методы жизненного цикла классового компонента в React, включая `componentDidMount`, `componentDidUpdate` и `componentWillUnmount`. Мы продемонстрируем, как добавлять обработку событий в консоль для отслеживания жизненного цикла компонента, выполнять запросы к внешнему API и динамически обновлять состояние. Также создадим интерфейс для отображения данных инструктора и настроим проверку условий отображения. 00:00:03 — Введение в методы жизненного цикла классового компонента 00:00:08 — Добавление методов жизненного цикла 00:00:23 — Исправление ошибок и важность методов 00:00:37 — Вывод сообщений в консоль 00:00:54 — Настройка метода `Render` и добавление блока div 00:01:04 — Работа с файлом Index.Js и стилизация 00:01:31 — Подключение нового компонента CyclOPedia 00:01:52 — Настройка экспорта по умолчанию 00:01:56 — Запуск приложения через npm 00:02:06 — Проверка вывода компонентов и стилизованных блоков 00:02:14 — Работа с консолью браузера и жизненным циклом методов 00:02:31 — Порядок выполнения методов жизненного цикла 00:02:56 — Логика работы с внешним API 00:03:03 — Импорт функции `getRandomUser` из API 00:03:26 — Работа с асинхронными запросами и `async/await` 00:03:39 — Вывод полученных данных в консоль 00:04:04 — Отображение данных случайного пользователя 00:04:49 — Установка состояния с данными об инструкторе 00:05:05 — Проверка корректности ссылок 00:05:49 — Условное отображение данных об инструкторе 00:06:19 — Настройка переключения видимости данных 00:06:53 — Проверка работы визуальных элементов 00:07:12 — Подготовка к работе со счётчиком студентов Скидка по ссылке к первой части курса React + Redux https://www.udemy.com/course/reactjs-basics-ru/?referralCode=421A5135A7F0B2690393 Скидка по ссылке ко второй части курса React + Redux https://www.udemy.com/course/redux-react-for-back-end-ru/?referralCode=2529B4CE08C53436FACF Ранний доступ по запросу к первой части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылкеhttps://www.udemy.com/course/api-aspnet-e-commerce-ru/?referralCode=C421747E00CFD6CAA22C Ранний доступ по запросу ко второй части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-2/?referralCode=EB86E5B366DEAE72846D Ранний доступ по запросу к третьей части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-redux-typescript-api-aspnet-3-ru/?referralCode=C6E0E2B8E4230AB52B82