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

  Рет қаралды 65,283

Archakov Blog

Archakov Blog

Күн бұрын

Пікірлер: 251
@ArchakovBlog
@ArchakovBlog 4 жыл бұрын
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 - Резюмирую
@Nikrogan
@Nikrogan 4 жыл бұрын
Не стоит открывать доступ к видео в период в 22:00 до 9-10 утра.По сео не очень
@evdev1355
@evdev1355 4 жыл бұрын
Лучшее объяснение , на всем русско-язычном ютубе, спасибо вам!
@Albert_Hall
@Albert_Hall 2 жыл бұрын
присоединяюсь!
@vladvladov4095
@vladvladov4095 2 жыл бұрын
А Габилен Минин??
@petrvictorovich
@petrvictorovich 2 жыл бұрын
@@vladvladov4095 Нееее, Минин - хуже. Хотя тоже молодец, конечно.
@artyomsultanov5204
@artyomsultanov5204 2 жыл бұрын
@@petrvictorovich тут он не показал пример с зацикливанием useEffect
@returborttech2822
@returborttech2822 4 жыл бұрын
Отлично все разложил, даже мой кот теперь херачит на хуках
@sergeystroitelev1964
@sergeystroitelev1964 3 жыл бұрын
Мужик, ты очень доходчиво объясняешь!!!, пересмотрел кучу разных уроков, курсов и просто видосов, ты в топе
@nk_77777
@nk_77777 10 ай бұрын
Искал золото, а нашёл Платину!!!❤❤❤ Я просто в дичайшем восторге от данного контента! Видно, что автор чётко и по делу знает о чём говорит и объясняет материал без лишней воды!🔥🔥🔥 Конкретно видос - шикарен!!! 1) Объяснил принцип написания компонентов на классах(я никогда не юзал); 2) Объяснил методы жизненного цикла компонентов(а с этим у меня была каша); 3) Объяснил наконец-таки чётко и доступно принцип работы хука useEffect (я как-то вообще туго его понимал)! Бро, я прошу тебя, не забрасывай этот канал! Спасибо тебе огромное за такой качественный контент! Лайк, подписка, активация уведомлений!💪
@МаксимМ-й7с
@МаксимМ-й7с 4 жыл бұрын
Чист для поддержки! Красавчик) - UseEffect - React - React-hooks
@ОльгаФилатова-ф3й
@ОльгаФилатова-ф3й Жыл бұрын
Привет из 23 года, ты все еще лучший в объяснении хуков!
@ДениИмагожев11
@ДениИмагожев11 3 жыл бұрын
Просто жирный лайк, нигде не видел такого подробного объяснения 👍🏻👍🏻
@Albert_Hall
@Albert_Hall 2 жыл бұрын
Пушка! Очень приятно слушать! Спокойно, с чувством, с толком, с расстановкой!! С уделением внимания мелочам, умалчивание которых другими авторами мешает понять суть!! UseEffect.
@theoty-js
@theoty-js 2 жыл бұрын
И КЛАССОВЫЙ ПОДХОД ВСПОМНИЛ !
@Елена-б6в3ж
@Елена-б6в3ж 10 ай бұрын
Объяснил лучше, чем курс от IBM. Рада, что нашла этот канал
@munutd9857
@munutd9857 3 жыл бұрын
Ляяя, после твоего видоса я начал понимать как работает useEffect!!! До этого я знал только жизненные циклы,но не знал как их применить в useEffect! Теперь я знаю как это работает! Спасибо большое за урок👍👍👍
@top-mma-news
@top-mma-news 2 жыл бұрын
Этот урок - самый доходчивый из всех что я видел, после него просто невозможно не разобраться в useEffect:) Спасибо автор)
@surpri6e130
@surpri6e130 2 жыл бұрын
Лютейшее объяснение жизненного цикла компонента + умудрился еще и useEffect прикрутить!
@Albert_Hall
@Albert_Hall 2 жыл бұрын
несколько дней смотрю, пересматриваю. Кодю по памяти весь изложенный в видео код. Многие мелочи, которые знал, но до конца еще не забетонировались в мозгу, встают на свои места, т.к. автора приятно слушать и переслушивать. Премного благодарен!
@astkh4381
@astkh4381 2 жыл бұрын
надо проекты для закрепления делать
@yulia_kotlyar
@yulia_kotlyar 4 жыл бұрын
Это было супер-понятно, наконец до меня дошло, спасибо)
@СлаваШахов-й7ц
@СлаваШахов-й7ц Жыл бұрын
Очень наглядно получилось именно в сравнении с классовым подходом, благодаря этому в голове все уложилось. Спасибо вам😉
@strel9
@strel9 4 жыл бұрын
Шарю хуки после твоих уроков с пиццей. Лайк не глядя)
@vseslavr
@vseslavr 4 жыл бұрын
Устроился зеленым джуном на проект и уже не первый раз возвращаюсь к твоим урокам по хукам, в частности к useEffect. Огромное спасибо тебе! С нетерпением жду уроки по остальным хукам!
@eduard_dev
@eduard_dev 2 жыл бұрын
He explained everything so well that even a child will be clear
@intuza
@intuza 2 жыл бұрын
МУЖИК ПРОСТО ЦЕННЕЙШИЙ КЛАД ДЛЯ МЕНЯ. СПАСИБО ЗА ВАШУ РАБОТУ
@rickbacker1
@rickbacker1 2 ай бұрын
Спасибо огромное за очень доступное объяснение! Я с реактом познакомился был на проекте, где только классовый подход (старая версия реакта) и хотел понять как сделать componentDidUpdate/componentDidMount/componentDidUnmount в функциональном стиле и теперь стало понятней.
@МедетБерикбаев
@МедетБерикбаев 10 ай бұрын
классно объяснил. после просмотра этого урока вопросов не осталось.
@Kerimliful
@Kerimliful 3 жыл бұрын
Добрый Вечер, Благодарю за такую безумно четкую подачу информации с разными подходами, примерами, да и в конце когда резюмировали всё что рассказали, прям был приятный взрыв мозга и всё сразу же стало по местам!!! СПАСИБО ВАМ ОГРОМНОЕ!
@bashkort_erete
@bashkort_erete Жыл бұрын
спасибо, неделю ваще не понимал как это применяется, лучше всех объяснил выпью чай за твое здоровье добрый человек)
@6xxBOSSxx9
@6xxBOSSxx9 3 жыл бұрын
Тысячный лайк, поздравляю! Сама идея начать объяснение с классового подхода, а закончить функциональным - оказалась простой, удобной для понимания и легко запоминающейся. В голове все снова стало ясно как день =) Спасибо вам Дэннис, обучаться на вашем канале одно наслаждение!
@aleksandrshturm1092
@aleksandrshturm1092 7 ай бұрын
Лучшее объяснение эффекта в ютубе
@anastasiabodnuk6334
@anastasiabodnuk6334 Жыл бұрын
Огромное спасибо за такое понятное объяснение! До конца не понимала, зачем нужен useState пока не посмотрела ваше видео
@theoty-js
@theoty-js 2 жыл бұрын
Различия между классовым и функциональным подходами, супер обзор
@jest566
@jest566 2 жыл бұрын
brat 100 let tebe jizni ot vsego serdza jelayu ogromnoye spasibo za takoe objesnenee.. privet iz München 👋
@sergiisechka1993
@sergiisechka1993 3 жыл бұрын
Mugik! Spasibo tebe very much! Finally I know what is useEffect used for! Actually it's a nightmare- like nobody is able to explain it!🤦🏻‍♂️🤦🏻‍♂️🤦🏻‍♂️
@МарияШпак-х4с
@МарияШпак-х4с Жыл бұрын
изучаю фронт уже около года, насмотрелась множество видео на эту тему. Но твои выпуски про пиццы и про хуки - особенные, суперпонятные! не знаю как это работает, вроде все всё объясняют примерно одинаково, но видимо нет))
@dobermanpharaoh7567
@dobermanpharaoh7567 2 жыл бұрын
Отличное объяснение для новичков у меня прямо чёткая картина сформировалась относительно хуков, жизненного цикла, классовых компонентов и функциональных компонентов! И все в одном видео! Спасибо!
@Maksim_Semkin
@Maksim_Semkin 3 жыл бұрын
Спасибо за труды! Рассказываешь с оптимальными объяснениями каждого действия. Очень логично . Спасибо !
@LeBron4eg
@LeBron4eg 4 жыл бұрын
Если бы этот парень был шаурмой, я бы взял две! Уроки супер, все очень доходчиво объясняешь! Продолжай в том же духе!
@KartDev
@KartDev Жыл бұрын
Дик е хьон Хаваж! Спасибо за ролик, все четко и понятно!
@crlychar
@crlychar 9 ай бұрын
Это самое лучше объяснение! Спасибо автору! Ждем новый курс по react/redux😅
@Witcher-simple-YouTube
@Witcher-simple-YouTube Жыл бұрын
Большой респект за такую подача материала! Важно, что автор знает своё дело на все 100
@VolodymyrSirenko
@VolodymyrSirenko Жыл бұрын
Спасибо за такое подробное объяснение! Это какое то чудо, я начал понимать useEffect!
@MrAnyTwo
@MrAnyTwo 2 жыл бұрын
Денис, спасибо! Теперь понимаю, как оно работает.
@nekom112
@nekom112 Жыл бұрын
Огнище. Спасибо за разъяснение. Отличный темп и стиль подачи. Максимально доходчиво.
@МарияБелоусова-л5л
@МарияБелоусова-л5л 3 жыл бұрын
Просто нет слов!!!!!! Так всё четко, конкретно и понятно!!!!! И не только этот урок) А все видео на канале:) ОЧЕНЬ жаль, что еще не было этих видео года два назад)
@petrvictorovich
@petrvictorovich 2 жыл бұрын
Аааааа! Я пооооонял! Воооот, как оно работает! Спасибо, автор!
@ОлександрКовальчук-й9е
@ОлександрКовальчук-й9е Жыл бұрын
Как же круто ты объясняешь. Скачал твои видосы и повторяю на работе (тут интернета нету). Спасибо за труды, за пиццу, за сникерс...
@dotg6618
@dotg6618 Жыл бұрын
от всего сердца спасибо! лучшее правда лучшее обьяснение что можно найти! поклон
@vitaliyyasinskiy3689
@vitaliyyasinskiy3689 2 жыл бұрын
Отличная последовательность мыслей и характер их изложения. Автор, ты великолепен, лайк
@aleksandrbarabash2221
@aleksandrbarabash2221 Жыл бұрын
Спасибо, реально толковое объяснение, много смотрел, но Ваше объяснение лучшее !
@sichouli1914
@sichouli1914 2 жыл бұрын
Спасибо большое, Деннис! Вы просто гений, столько видео смотрела, не совсем был понятен юсэффект, вы прям объясняете все по полочкам. Оказывается все так просто. Очень радуюсь, что нашла Вас!
@vlad-zf1ev
@vlad-zf1ev 3 жыл бұрын
Даже попугай понял. И теперь он у меня говорящий. Это лучшее объяснение.
@Virisound
@Virisound 2 жыл бұрын
Спасибо за твои труд и время. Очень тщательно объясняешь, не халтуришь, если чувствуешь что, в данный момент, лучше уточнить что-то - уточняешь, если что-то повторить - повторяешь, начать с начала (классовые комп) - начинаешь. Спасибо, что твоя задача научить, а не пробежаться за 10 секунд фундаментальный React (подобные лучше смотреть после твоих)
@ЛиЛи-н8м
@ЛиЛи-н8м 3 жыл бұрын
Спасибо тебе огромное, великий ты человек!) Все уложилось в голове и стало меньше пустот в знаниях.
@ЧиНеНайрозумніший
@ЧиНеНайрозумніший 3 жыл бұрын
реально лучшее объяснение, несмотря на то что уже знаком и использовал useEffect, все-равно было полезно, спасибо!
@ОбучающиеПесенки
@ОбучающиеПесенки Жыл бұрын
Прекрасное объяснение, спасибо большое. Наконец все понятно
@munutd9857
@munutd9857 3 жыл бұрын
Ты круто объясняешь👍👍👍👍👍
@croz4757
@croz4757 2 жыл бұрын
Крайне грамотно, наконец я понял эту хрень под названием useEffect)))
@ГульзанаКаткелдиева-ъ4ь
@ГульзанаКаткелдиева-ъ4ь 2 жыл бұрын
Долго не понимала, но после этого урока все понятно, спасибо большое
@MrDenisik
@MrDenisik 4 жыл бұрын
Красавчик, React Hooks - useEffect разложил по полочкам.
@used332
@used332 4 жыл бұрын
как будто бот написал
@MrDenisik
@MrDenisik 4 жыл бұрын
​@@used332 в поисковике вроде лучше ищется))) может и ошибаюсь.
@Сергей-с4ж3ь
@Сергей-с4ж3ь 4 жыл бұрын
Очень круто,два дня пытался разобраться с этими Хуками,ничего не понял. Тут все супер доступно разжевано. Спасибо большое!
@vseslavr
@vseslavr 4 жыл бұрын
Невероятно полезный урок. Возвращаюсь к нему регулярно) Огромное тебе спасибо!
@ВиКрам-к7ф
@ВиКрам-к7ф Жыл бұрын
как сейчас успехи? Уже не джун?)
@aleksandrholoven2412
@aleksandrholoven2412 4 жыл бұрын
Просто по полочкам разложил всё! Спасибо! React, hooks, useEffect, componentDidMount, componentDidUpdate, componentWillUnmount
@АнтонНаконечный-ж3э
@АнтонНаконечный-ж3э 2 жыл бұрын
Спасибо большое, самое объёмное объяснение.
@vladimirivanov4756
@vladimirivanov4756 4 жыл бұрын
372 лайков и 0 дизлайков Это, пожалуй, лучший народный учитель)
@ArchakovBlog
@ArchakovBlog 4 жыл бұрын
ничосе) не обратил даже внимания. но скоро это исправят
@tesleman1434
@tesleman1434 4 жыл бұрын
@@ArchakovBlog 420 лайков 0 дизлайков, за 3 недели не исправили хД
@charlesbronson9925
@charlesbronson9925 3 жыл бұрын
Наслышан за реакт пиццу, всё хочу посмотреть, но последний раз на установке ярна завис. Решил пока точечно про хуки посмотреть, видосы пушка!! Всё понятно на 100 процентов!) Лайк + подписка однозначно!)
@Вадим-н6п
@Вадим-н6п 3 жыл бұрын
Смотрю это видео уже 5 раз перед сном но вырубаюсь, очень все понятно Надеюсь щас не вырублюсь) Просто очень устаю
@ArchakovBlog
@ArchakovBlog 3 жыл бұрын
Устаёшь из-за того, что видос длинный или из-за слишком подробного объяснения?) Я обычно туториалы смотрю в 2х, когда лень смотреть 30 минутную инфу
@Вадим-н6п
@Вадим-н6п 3 жыл бұрын
@@ArchakovBlog да не бро все круто делаешь, я просто уставший с работы прихожу, ты супер понятно объясняешь и это круто хотя я уже это знаю, все круто делай так как делаешь, с новым годом, очень тебе благодарен за контент
@nikitagorchakov9591
@nikitagorchakov9591 4 жыл бұрын
Спасибо большое за урок, очень понятно объяснил работу хука!
@artemmacuev9410
@artemmacuev9410 2 жыл бұрын
Спасибо огромное! Теперь мне стыдно, что я такую простую тему сам из документации не понял)
@olegsoul6016
@olegsoul6016 3 жыл бұрын
Шикарное объяснение! Разжевал все до самых мелочей, спасибо!
@АлексейЦ-ы4я
@АлексейЦ-ы4я 6 ай бұрын
Спасибо! Ты все доходчиво объяснил! Респект👍
@muborizDev
@muborizDev 2 жыл бұрын
Всё оказалось намного легче, спасибо
@boba2581
@boba2581 2 жыл бұрын
Потрясающее объяснение
@ЭзизК
@ЭзизК Жыл бұрын
Автор просто молодец, респект.
@mikhaildevichensky6407
@mikhaildevichensky6407 4 жыл бұрын
после этого видео я очень жду дальнейших ваших работ !
@ragimabagirova6228
@ragimabagirova6228 3 жыл бұрын
пересмотрела немало видео на эту тему, но это самое лучшее Спасибо))
@КириллАкуленко-ж5м
@КириллАкуленко-ж5м 4 жыл бұрын
Очень крутое видимо. Всё рассказано понятно и доходчиво. Спасибо за урок
@unknown.6914
@unknown.6914 11 ай бұрын
Отличное объяснение темы, большое спасибо :)
@ВладимирАбрамкин-в3с
@ВладимирАбрамкин-в3с 3 жыл бұрын
Огромное спасибо!!! Очень толковое, полное и внятное объяснение.
@tatyanamaksymenko289
@tatyanamaksymenko289 4 жыл бұрын
благодарствую и за useState и за useEffect, отдельное спасибо за lifecycle methods!)
@yuryhouse4226
@yuryhouse4226 2 жыл бұрын
Огонь! Как же четко все поясняет автор. Спасибо, круто!
@Г.Ка
@Г.Ка 3 жыл бұрын
Простое и понятное изложение материала. Спасибо!
@santasaitbot7761
@santasaitbot7761 3 жыл бұрын
Хорошо объяснил прям как хотелось с классового на хуки! Спасибо тебе большое!!!
@sevgeek
@sevgeek 4 жыл бұрын
Спасибо за детальный разбор!
@makssaga
@makssaga Жыл бұрын
Огромное спасибо, ты очень круто объяснил, кайф)
@vinolinbright9604
@vinolinbright9604 Жыл бұрын
Не могла не написать комментарий. Очень круто объясняешь. Действительно, очень круто
@КаналКлевверо-р1б
@КаналКлевверо-р1б 4 жыл бұрын
Все доходчиво и нравится, что затрагиваешь много моментов сразу)
@duce201
@duce201 4 жыл бұрын
Спасибо огромное за твой титанический труд!!! Очень доходчиво объяснил!!!!
@ruslanmonar157
@ruslanmonar157 3 жыл бұрын
Вау мне php-шнику который не знает JS все понятно. Спасибо))
@evgeniyn1542
@evgeniyn1542 4 жыл бұрын
Топ видео, спасибо! Дэннис планируешь сделать видео по Redux Toolkit, и по React Hook Form? И пользуешься ли в работе данными инструментами?
@kril5903
@kril5903 3 жыл бұрын
Нереальный видос, спасибо за обьяснение работы хуков!
@КамильКаландаров-и5к
@КамильКаландаров-и5к 2 жыл бұрын
Блиииин! Как же ты круто объяснил, спасибо огромное !)
@Jdjdjjjxhzh
@Jdjdjjjxhzh 3 жыл бұрын
Отличный урок, все ОЧЕНЬ хорошо понятно.
@АлексейВельможко-й8г
@АлексейВельможко-й8г 3 жыл бұрын
Спасибо, за доступное и понятное объяснение.
@Ибрагим-вввв09
@Ибрагим-вввв09 3 жыл бұрын
ты так грамотно объясняешь брат )
@gowagowa7698
@gowagowa7698 3 жыл бұрын
Браво Маэстро! Всё доходчиво и понятно)!!
@HalauLilau
@HalauLilau 3 жыл бұрын
спасибо. Все было понятно. Искал именно такой формат со сравнением подходов.
@AlikShyferiam
@AlikShyferiam 3 жыл бұрын
лучшие уроки по React!!!!
@Yakristinaya
@Yakristinaya 3 жыл бұрын
Большое спасибо за качественный контент! Ты действительно оч круто объясняешь материал, лучше я ещё не встречала. Продолжай пжл!
@danko5678
@danko5678 3 жыл бұрын
Очень хорошее видео, помогло мне закрепить знания о реакте
@ДмитрийДубовцев-ч8о
@ДмитрийДубовцев-ч8о 11 ай бұрын
Спасибо за уроки!
@alexanderksenofontov7531
@alexanderksenofontov7531 3 жыл бұрын
Очень доходчивое объяснение!
@sargisadamian4187
@sargisadamian4187 Жыл бұрын
Просто жирный лайк, спасибо очень
#3: React Hooks - useRef
27:52
Archakov Blog
Рет қаралды 66 М.
My Dreams (Mixed)
5:24
Igor Shep - Topic
Рет қаралды 1
World’s strongest WOMAN vs regular GIRLS
00:56
A4
Рет қаралды 47 МЛН
The IMPOSSIBLE Puzzle..
00:55
Stokes Twins
Рет қаралды 157 МЛН
Disrespect or Respect 💔❤️
00:27
Thiago Productions
Рет қаралды 41 МЛН
All useEffect Mistakes Every Junior React Developer Makes
22:23
#1: React Hooks - useState
27:47
Archakov Blog
Рет қаралды 66 М.
#4: React Hooks - useMemo + React.memo
25:38
Archakov Blog
Рет қаралды 72 М.
Жизненный цикл React компонентов | Все что нужно знать за 12 минут
12:17
Frontend Fundamentals | Александр Караджиков
Рет қаралды 6 М.
React (продвинутый)
1:57:53
Yandex for Frontend
Рет қаралды 77 М.
React useEffect() hook introduction 🌟
19:52
Bro Code
Рет қаралды 31 М.
World’s strongest WOMAN vs regular GIRLS
00:56
A4
Рет қаралды 47 МЛН