Для чего нужен useEffect в React, простым языком

Мой Telegram канал

В данном видео я хочу рассказать о том для чего нужен хук useEffect простыми словами и показать на примере, для чего используется этот хук. Вы узнаете, как задать обработчик события в функциональном компоненте, а также поймёте от чего зависит обработчик useEffect.

Вы можете поддержать мой канал:

[pavelmurtazin]

Господи, за три минуты логично объяснено, без мути и вводной лекции про историю реакта. Спасибо!

[MgsMen]

Мне было понятно, мне понравилось видео. Буду смотреть канал )

[nikolai]

Ваши курсы настоящая находка! Огромное спасибо за труд !

[ThomasBlack]

Нормально) Общая суть ясна - и это главное. Дальше будет проще понимать дополнительные детали.

Единственное, что можно было бы улучшить - это разделить экран на две части, чтобы вся информация была доступна сразу, ведь внимание зрителя будет распределяться по-разному, и ты не знаешь, что ему важно в данный момент видеть. Когда ты убираешь код с экрана, это не хорошо. Может, я там что-то высматривают, чтобы соединить у себя в голове как же это работает, а ты убрал код.

Возможно, в новых видео это уже сделано, но если нет, то можно подумать над этим.

[big_guy-srio]

Только что смотрел видос на полчаса, где много воды и человек рассказывающиц максимально это неприятно и неинтересно, я там ничего не понял, на половине закрыл видео, посмотрел комментарии, и как обычно там все всё поняли и это лучше видео, зашёл сюда, нет воды, длится 5 мин, все по делу и нет отвращения, вот тут заслуженно лучшее видео, лайк

[klplzgw]

Всё просто и по делу, благодарю!
Сейчас повторю это в своём коде

[megoburd]

Лучшее объяснение этого хука, которое я нашел. Спасибо!

[MaximTitov-rulp]

Самое толковое видео по UseEffect, лайк!

[edwardzombie]

Привет! Два дня ходил по кругу. Не понимал почему не перерендеривается useEffect. На 1:38 из твоего видео понял почему. ОГРОМНЕЙШЕЕ ТЕБЕ СПАСИБО!!!

[burunduckc]

Не мог понять по документациям, тяжело было понять вообщем. Слава богу я нашел ваш 5-и минутный видеоролик и все сразу понял! Спасибо вам большое!

[Bakhshyan]

спасибо вам👍, продолжайте и некогда не останавливайтесь 😁

[evgenya_pan]

Очень понятно объяснили, спасибо большое, только ещё б найти пример с запросом на сервер с помощью useEffect)

[pkwetds]

Наконец-то хоть кто-то нормально объяснил)

[volselongames]

Здарова друг, как выполнить componentdidupdate без componentdidmount через useeffect

[ccvufbd]

Круто только у них небольшая разница при монтировании компонента

[vjhkesb]

Братан, толково, только не понятно, почему для скрола у тебя что-то запускается, если в параметрах у тебя стоит пустой массив. Тогда запускаться должно при первом ренде компонента, но на что должно реагировать приложение, чтобы запустить ренд? Проясни тут.

[bugaga]

Бля ты так отлично рассказал, только одному тебе все понятно, исчерпывающее видео в котором сразу получаешь ответы на все вопросы, кроме:
1. Когда срабатывает useEffect до или после рендера компонента?
2. Если у меня два компонента один родительский, второй дочерний в обеих есть useEffect, в какой последовательности они сработают? Первым сработает родительский или дочерний?
3. Если у меня 5 компонентов в иерархии от родительского до дочернего, в родительском useEffect, когда он сработает? До рендера родителя, после рендера родителя, перед рендером первого ребенка, после рендера последнего ребенка, когда?
4. Как будет работать useEffect с функцией в зависимости?
5.Почему рекомендуешь использовать useEffect для выполнения запросов?
6. Зачем создал callback в useEffect?
7.useEffect вызывает перерендер компонента?
8. Какие особенности работы useEffecta с асинхронными функциями?
От твоего видео вопросов к этому хуку становится только больше.
В видео нет ни какой полезной(эксклюзивной) информации о хуке, ну потрать ты пару дней на опыты с этим хуком и для себя открытие сделаешь и видос запилишь интереснее

[bwpikox]

Когда же вы обучалкины перестанете вводить в заблуждение React also cleans up effects from the previous render before running the effects next time.