React 14: Хук useEffect

useEffect используется для запуска кода после рендринга приложения. Это позволяет использовать хук как замену нескольких методам жизненного цикла и раскрывает несколько сценариев для использования. В этом уроке рассмотрим 3 основных способа использования хука useEffect.
Наш главный курс "JavaScript старт" - constcode.ru/j...
Бесплатная консультация - constcode.ru/f...
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
ru.reactjs.org...
github.com/Ale...

[@Zalupa501]

Странно что так мало просмотров, очень понятно объясняете! Отличное видео, спасибо!

[@web-constcode6252]

Нормально, главное что посмотрели кому надо и для кого записывал )

[@yakub8798]

смотрю ваш курс в 2022 и я считаю его годным даже спустя 2 года !!!

[@web-constcode6252]

Естественно )

[@АлексейКомлев-т4с]

Как успехи?

[@yakub8798]

@@АлексейКомлев-т4с все нормально

[@АлексейКомлев-т4с]

@@yakub8798 работаешь?

[@yakub8798]

@@АлексейКомлев-т4с нет, хотя я с реактом разобрался но из за того что нет коммерческого опыта никуда не берут , хотя и реакт и сам js нормально знаю плюс TS выучил немого

[@olegsoul6016]

В setTimer (как и в любом стэйте который использует данные на основе ПРЕДЫДУЩЕГО состояния) нужно использовать коллбэк функцию которая принимает параметром предыдущее состояние и возвращает это состояние с какими-то изменениями - в вашем случае это - setTimer((prev) => prev +1) Так будет более корректно.

[@web-constcode6252]

Более ли, но вариант хорош тем, что не нужно указывать доп зависимость.

[@andreygokhan6893]

Если в стеке больше никто это состояние не использует, то и понятие ПРЕДЫДУЩЕЕ теряет смысл. Здесь просто состояние текущего рендера. Поэтому использование коллбэка лишнее.

[@Web4Stress]

при такой реализации setInterval будет не 1000, а 1000+время на ререндер компонента

[@alonaalona5967]

Спасибо большое!!!!😀

[@web-constcode6252]

Спасибо, рад стараться =)

[@ОлегПетров-п4у]

Алексей, спасибо за видео! Правильно ли я понял, что в последнем примере ДО return работает componentDidUpdate по всем его правилам, а после мы пишем логику которая выполняется по правилам componentWillUnmount перед размонтированием?

[@web-constcode6252]

Привет. Извиняюсь за поздний ответ. Вопроса не понял, можешь мне в дискорде написать подробнее?

[@ДмитрийГусаров-к5о]

лаяутэфект будет? с примерами?

[@web-constcode6252]

Вполне возможно

[@АйдынГалымжанулы]

Подписка однозначно, вы из какой страны?

[@web-constcode6252]

Из России

[@ClashClash-on2jt]

Странно спрашивать, когда на вебке сзади есть карта и крупными буквами написано, Москва - МО )

[@andreygokhan6893]

Насколько я понял - использование setInterval в Реакте не имеет смысла, так как он работает только раз как setTimeout. Интересно, где реакторщики пишут бизнеслогику? В копоненте она же будет повторяться. А если отдельно, то надо как-то синхронизировать. Короче - голова кругом.

[@web-constcode6252]

Имеет смысл. setIterval работает так же. Или вы про то, что приходится его очищать как side эффект?

[@andreygokhan6893]

@@web-constcode6252 Получается, что на каждом перерендере сетинтервал регистрируется чтобы после первого срабатывания очищаться. Работает только раз. Это функциональность setTimeout, который кстати не нужно очищать.

[@СергейЧерненко-о5щ]

Если бы в документации все было хорошо и понятно рассказано, то я бы сейчас это видео не смотрел.

[@web-constcode6252]

Там все хорошо и понятно рассказано. Примеров мало.

[@СергейЧерненко-о5щ]

@@web-constcode6252 Нет, не хорошо