#2: React Hooks — useEffect (классовый подход и функциональный) HD

03.08.2020
❤️ Поддержка: — Patreon: https://www.patreon.com/archakovblog — Донаты: https://www.donationalerts.com/r/archakov_blog О чём я буду рассказывать? Я решил сделать новый курс по React-хукам и рассказать подробно о том, как работает каждый хук. В данном видео, я рассказываю о хуке useEffect. Как он работает, зачем нужен и как переписать классовый компонент на хуки. Видео по остальным хукам: - useState: https://www.youtube.com/watch?v=NlrhyypLCm8 ❓ Кому подойдёт этот курс? Для начинающих, которые только начали изучать ReactJS и для тех, кто изучает более 3-х месяцев. На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук. Ссылка на GitHub: https://github.com/Archakov06/react-hooks-tutorial 0:00 - Введение 1:26 - Какие методы жизненного цикла (lifecycle methods) есть? 3:20 - Как работают эти методы? 8:20 - Переписываем функциональный компонент на классовый 10:35 - Подключаем состояние для классового компонента (state) 12:25 - Делаем добавление случайного числа в стейт 15:35 - Определяем первый рендер (componentDidMount) 17:01 - Отлавливаем обновление компонента (componentDidUpdate) 22:21 - Отлавливаем удаление / размонтирование компонента (componentWillUnmount) 29:50 - Переписываем классовый компонент на функциональный и подключаем хук useEffect 32:23 - Как работает useEffect и что он принимает 41:31 - Резюмирую Следите за обновлениями и информацией в: — Telegram-канале: https://t.me/archakov_im — VK: https://vk.com/archakov_im — Личном блоге: https://archakov.im — GitHub: https://github.com/Archakov06 — Моё резюме: https://career.habr.com/archakovim

Похожие видео