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

📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html

❤️ Поддержка:
— Patreon:   / archakovblog  
— Донаты: https://www.donationalerts.com/r/arch...

📢 О чём я буду рассказывать?
Я решил сделать новый курс по React-хукам и рассказать подробно о том, как работает каждый хук. В данном видео, я рассказываю о хуке useEffect. Как он работает, зачем нужен и как переписать классовый компонент на хуки.

Видео по остальным хукам:
- useState:    • #1: React Hooks — useState  

❓ Кому подойдёт этот курс?
Для начинающих, которые только начали изучать ReactJS и для тех, кто изучает более 3-х месяцев.

На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук.
Ссылка на GitHub: https://github.com/Archakov06/react-h...

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