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

❤️ Поддержка:

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

Видео по остальным хукам:

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

На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук.

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 - Резюмирую

🔗 Следите за обновлениями и информацией в:

[ArchakovBlog]

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 - Резюмирую

[evdev]

Лучшее объяснение, на всем русско-язычном ютубе, спасибо вам!

[returborttech]

Отлично все разложил, даже мой кот теперь херачит на хуках

[sergeystroitelev]

Мужик, ты очень доходчиво объясняешь!!!, пересмотрел кучу разных уроков, курсов и просто видосов, ты в топе

[nk_]

Искал золото, а нашёл Платину!!!❤❤❤
Я просто в дичайшем восторге от данного контента! Видно, что автор чётко и по делу знает о чём говорит и объясняет материал без лишней воды!🔥🔥🔥

Конкретно видос - шикарен!!!
1) Объяснил принцип написания компонентов на классах(я никогда не юзал);
2) Объяснил методы жизненного цикла компонентов(а с этим у меня была каша);
3) Объяснил наконец-таки чётко и доступно принцип работы хука useEffect (я как-то вообще туго его понимал)!

Бро, я прошу тебя, не забрасывай этот канал!
Спасибо тебе огромное за такой качественный контент!

Лайк, подписка, активация уведомлений!💪

[МаксимМ-йс]

Чист для поддержки! Красавчик)
- UseEffect
- React
- React-hooks

[Albert_Hall]

Пушка! Очень приятно слушать! Спокойно, с чувством, с толком, с расстановкой!! С уделением внимания мелочам, умалчивание которых другими авторами мешает понять суть!!
UseEffect.

[ДениИмагожев-йу]

Просто жирный лайк, нигде не видел такого подробного объяснения 👍🏻👍🏻

[Елена-бвж]

Объяснил лучше, чем курс от IBM. Рада, что нашла этот канал

[Albert_Hall]

несколько дней смотрю, пересматриваю. Кодю по памяти весь изложенный в видео код. Многие мелочи, которые знал, но до конца еще не забетонировались в мозгу, встают на свои места, т.к. автора приятно слушать и переслушивать. Премного благодарен!

[top-mma-news]

Этот урок - самый доходчивый из всех что я видел, после него просто невозможно не разобраться в useEffect:) Спасибо автор)

[munutd]

Ляяя, после твоего видоса я начал понимать как работает useEffect!!! До этого я знал только жизненные циклы, но не знал как их применить в useEffect! Теперь я знаю как это работает! Спасибо большое за урок👍👍👍

[surprie]

Лютейшее объяснение жизненного цикла компонента + умудрился еще и useEffect прикрутить!

[rickbacker]

Спасибо огромное за очень доступное объяснение! Я с реактом познакомился был на проекте, где только классовый подход (старая версия реакта) и хотел понять как сделать в функциональном стиле и теперь стало понятней.

[yulia_kotlyar]

Это было супер-понятно, наконец до меня дошло, спасибо)

[vseslavr]

Устроился зеленым джуном на проект и уже не первый раз возвращаюсь к твоим урокам по хукам, в частности к useEffect. Огромное спасибо тебе! С нетерпением жду уроки по остальным хукам!

[intuza]

МУЖИК ПРОСТО ЦЕННЕЙШИЙ КЛАД ДЛЯ МЕНЯ. СПАСИБО ЗА ВАШУ РАБОТУ

[strel]

Шарю хуки после твоих уроков с пиццей. Лайк не глядя)

[Kerimliful]

Добрый Вечер,
Благодарю за такую безумно четкую подачу информации с разными подходами, примерами, да и в конце когда резюмировали всё что рассказали, прям был приятный взрыв мозга и всё сразу же стало по местам!!! СПАСИБО ВАМ ОГРОМНОЕ!

[СлаваШахов-йц]

Очень наглядно получилось именно в сравнении с классовым подходом, благодаря этому в голове все уложилось.
Спасибо вам😉