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

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

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
@Елена-б6в3ж
@Елена-б6в3ж 10 ай бұрын
Объяснил лучше, чем курс от IBM. Рада, что нашла этот канал
@ДениИмагожев11
@ДениИмагожев11 3 жыл бұрын
Просто жирный лайк, нигде не видел такого подробного объяснения 👍🏻👍🏻
@Albert_Hall
@Albert_Hall 2 жыл бұрын
Пушка! Очень приятно слушать! Спокойно, с чувством, с толком, с расстановкой!! С уделением внимания мелочам, умалчивание которых другими авторами мешает понять суть!! UseEffect.
@theoty-js
@theoty-js 2 жыл бұрын
И КЛАССОВЫЙ ПОДХОД ВСПОМНИЛ !
@bashkort_erete
@bashkort_erete Жыл бұрын
спасибо, неделю ваще не понимал как это применяется, лучше всех объяснил выпью чай за твое здоровье добрый человек)
@rickbacker1
@rickbacker1 3 ай бұрын
Спасибо огромное за очень доступное объяснение! Я с реактом познакомился был на проекте, где только классовый подход (старая версия реакта) и хотел понять как сделать componentDidUpdate/componentDidMount/componentDidUnmount в функциональном стиле и теперь стало понятней.
@surpri6e130
@surpri6e130 2 жыл бұрын
Лютейшее объяснение жизненного цикла компонента + умудрился еще и useEffect прикрутить!
@Albert_Hall
@Albert_Hall 2 жыл бұрын
несколько дней смотрю, пересматриваю. Кодю по памяти весь изложенный в видео код. Многие мелочи, которые знал, но до конца еще не забетонировались в мозгу, встают на свои места, т.к. автора приятно слушать и переслушивать. Премного благодарен!
@astkh4381
@astkh4381 2 жыл бұрын
надо проекты для закрепления делать
@СлаваШахов-й7ц
@СлаваШахов-й7ц Жыл бұрын
Очень наглядно получилось именно в сравнении с классовым подходом, благодаря этому в голове все уложилось. Спасибо вам😉
@top-mma-news
@top-mma-news 2 жыл бұрын
Этот урок - самый доходчивый из всех что я видел, после него просто невозможно не разобраться в useEffect:) Спасибо автор)
@munutd9857
@munutd9857 3 жыл бұрын
Ляяя, после твоего видоса я начал понимать как работает useEffect!!! До этого я знал только жизненные циклы,но не знал как их применить в useEffect! Теперь я знаю как это работает! Спасибо большое за урок👍👍👍
@ОльгаФилатова-ф3й
@ОльгаФилатова-ф3й Жыл бұрын
Привет из 23 года, ты все еще лучший в объяснении хуков!
@yulia_kotlyar
@yulia_kotlyar 4 жыл бұрын
Это было супер-понятно, наконец до меня дошло, спасибо)
@strel9
@strel9 4 жыл бұрын
Шарю хуки после твоих уроков с пиццей. Лайк не глядя)
@МедетБерикбаев
@МедетБерикбаев 10 ай бұрын
классно объяснил. после просмотра этого урока вопросов не осталось.
@aleksandrshturm1092
@aleksandrshturm1092 7 ай бұрын
Лучшее объяснение эффекта в ютубе
@vseslavr
@vseslavr 4 жыл бұрын
Устроился зеленым джуном на проект и уже не первый раз возвращаюсь к твоим урокам по хукам, в частности к useEffect. Огромное спасибо тебе! С нетерпением жду уроки по остальным хукам!
@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!🤦🏻‍♂️🤦🏻‍♂️🤦🏻‍♂️
@intuza
@intuza 2 жыл бұрын
МУЖИК ПРОСТО ЦЕННЕЙШИЙ КЛАД ДЛЯ МЕНЯ. СПАСИБО ЗА ВАШУ РАБОТУ
@dobermanpharaoh7567
@dobermanpharaoh7567 2 жыл бұрын
Отличное объяснение для новичков у меня прямо чёткая картина сформировалась относительно хуков, жизненного цикла, классовых компонентов и функциональных компонентов! И все в одном видео! Спасибо!
@crlychar
@crlychar 9 ай бұрын
Это самое лучше объяснение! Спасибо автору! Ждем новый курс по react/redux😅
@KartDev
@KartDev Жыл бұрын
Дик е хьон Хаваж! Спасибо за ролик, все четко и понятно!
@petrvictorovich
@petrvictorovich 2 жыл бұрын
Аааааа! Я пооооонял! Воооот, как оно работает! Спасибо, автор!
@jest566
@jest566 2 жыл бұрын
brat 100 let tebe jizni ot vsego serdza jelayu ogromnoye spasibo za takoe objesnenee.. privet iz München 👋
@Kerimliful
@Kerimliful 3 жыл бұрын
Добрый Вечер, Благодарю за такую безумно четкую подачу информации с разными подходами, примерами, да и в конце когда резюмировали всё что рассказали, прям был приятный взрыв мозга и всё сразу же стало по местам!!! СПАСИБО ВАМ ОГРОМНОЕ!
@anastasiabodnuk6334
@anastasiabodnuk6334 Жыл бұрын
Огромное спасибо за такое понятное объяснение! До конца не понимала, зачем нужен useState пока не посмотрела ваше видео
@6xxBOSSxx9
@6xxBOSSxx9 3 жыл бұрын
Тысячный лайк, поздравляю! Сама идея начать объяснение с классового подхода, а закончить функциональным - оказалась простой, удобной для понимания и легко запоминающейся. В голове все снова стало ясно как день =) Спасибо вам Дэннис, обучаться на вашем канале одно наслаждение!
@ОбучающиеПесенки
@ОбучающиеПесенки Жыл бұрын
Прекрасное объяснение, спасибо большое. Наконец все понятно
@МарияШпак-х4с
@МарияШпак-х4с Жыл бұрын
изучаю фронт уже около года, насмотрелась множество видео на эту тему. Но твои выпуски про пиццы и про хуки - особенные, суперпонятные! не знаю как это работает, вроде все всё объясняют примерно одинаково, но видимо нет))
@theoty-js
@theoty-js 2 жыл бұрын
Различия между классовым и функциональным подходами, супер обзор
@VolodymyrSirenko
@VolodymyrSirenko Жыл бұрын
Спасибо за такое подробное объяснение! Это какое то чудо, я начал понимать useEffect!
@MrAnyTwo
@MrAnyTwo 2 жыл бұрын
Денис, спасибо! Теперь понимаю, как оно работает.
@Witcher-simple-YouTube
@Witcher-simple-YouTube Жыл бұрын
Большой респект за такую подача материала! Важно, что автор знает своё дело на все 100
@dotg6618
@dotg6618 Жыл бұрын
от всего сердца спасибо! лучшее правда лучшее обьяснение что можно найти! поклон
@munutd9857
@munutd9857 3 жыл бұрын
Ты круто объясняешь👍👍👍👍👍
@sichouli1914
@sichouli1914 2 жыл бұрын
Спасибо большое, Деннис! Вы просто гений, столько видео смотрела, не совсем был понятен юсэффект, вы прям объясняете все по полочкам. Оказывается все так просто. Очень радуюсь, что нашла Вас!
@ЧиНеНайрозумніший
@ЧиНеНайрозумніший 3 жыл бұрын
реально лучшее объяснение, несмотря на то что уже знаком и использовал useEffect, все-равно было полезно, спасибо!
@Maksim_Semkin
@Maksim_Semkin 3 жыл бұрын
Спасибо за труды! Рассказываешь с оптимальными объяснениями каждого действия. Очень логично . Спасибо !
@МарияБелоусова-л5л
@МарияБелоусова-л5л 3 жыл бұрын
Просто нет слов!!!!!! Так всё четко, конкретно и понятно!!!!! И не только этот урок) А все видео на канале:) ОЧЕНЬ жаль, что еще не было этих видео года два назад)
@АлексейЦ-ы4я
@АлексейЦ-ы4я 6 ай бұрын
Спасибо! Ты все доходчиво объяснил! Респект👍
@Virisound
@Virisound 2 жыл бұрын
Спасибо за твои труд и время. Очень тщательно объясняешь, не халтуришь, если чувствуешь что, в данный момент, лучше уточнить что-то - уточняешь, если что-то повторить - повторяешь, начать с начала (классовые комп) - начинаешь. Спасибо, что твоя задача научить, а не пробежаться за 10 секунд фундаментальный React (подобные лучше смотреть после твоих)
@aleksandrbarabash2221
@aleksandrbarabash2221 Жыл бұрын
Спасибо, реально толковое объяснение, много смотрел, но Ваше объяснение лучшее !
@nekom112
@nekom112 Жыл бұрын
Огнище. Спасибо за разъяснение. Отличный темп и стиль подачи. Максимально доходчиво.
@АнтонНаконечный-ж3э
@АнтонНаконечный-ж3э 3 жыл бұрын
Спасибо большое, самое объёмное объяснение.
@vitaliyyasinskiy3689
@vitaliyyasinskiy3689 2 жыл бұрын
Отличная последовательность мыслей и характер их изложения. Автор, ты великолепен, лайк
@ОлександрКовальчук-й9е
@ОлександрКовальчук-й9е Жыл бұрын
Как же круто ты объясняешь. Скачал твои видосы и повторяю на работе (тут интернета нету). Спасибо за труды, за пиццу, за сникерс...
@MrDenisik
@MrDenisik 4 жыл бұрын
Красавчик, React Hooks - useEffect разложил по полочкам.
@used332
@used332 4 жыл бұрын
как будто бот написал
@MrDenisik
@MrDenisik 4 жыл бұрын
​@@used332 в поисковике вроде лучше ищется))) может и ошибаюсь.
@LeBron4eg
@LeBron4eg 4 жыл бұрын
Если бы этот парень был шаурмой, я бы взял две! Уроки супер, все очень доходчиво объясняешь! Продолжай в том же духе!
@vseslavr
@vseslavr 4 жыл бұрын
Невероятно полезный урок. Возвращаюсь к нему регулярно) Огромное тебе спасибо!
@ВиКрам-к7ф
@ВиКрам-к7ф Жыл бұрын
как сейчас успехи? Уже не джун?)
@ЛиЛи-н8м
@ЛиЛи-н8м 3 жыл бұрын
Спасибо тебе огромное, великий ты человек!) Все уложилось в голове и стало меньше пустот в знаниях.
@ГульзанаКаткелдиева-ъ4ь
@ГульзанаКаткелдиева-ъ4ь 2 жыл бұрын
Долго не понимала, но после этого урока все понятно, спасибо большое
@makssaga
@makssaga Жыл бұрын
Огромное спасибо, ты очень круто объяснил, кайф)
@ЭзизК
@ЭзизК Жыл бұрын
Автор просто молодец, респект.
@Сергей-с4ж3ь
@Сергей-с4ж3ь 4 жыл бұрын
Очень круто,два дня пытался разобраться с этими Хуками,ничего не понял. Тут все супер доступно разжевано. Спасибо большое!
@eduard_dev
@eduard_dev 2 жыл бұрын
He explained everything so well that even a child will be clear
@muborizDev
@muborizDev 2 жыл бұрын
Всё оказалось намного легче, спасибо
@unknown.6914
@unknown.6914 11 ай бұрын
Отличное объяснение темы, большое спасибо :)
@ragimabagirova6228
@ragimabagirova6228 3 жыл бұрын
пересмотрела немало видео на эту тему, но это самое лучшее Спасибо))
@boba2581
@boba2581 2 жыл бұрын
Потрясающее объяснение
@nikitagorchakov9591
@nikitagorchakov9591 4 жыл бұрын
Спасибо большое за урок, очень понятно объяснил работу хука!
@yuryhouse4226
@yuryhouse4226 2 жыл бұрын
Огонь! Как же четко все поясняет автор. Спасибо, круто!
@КириллАкуленко-ж5м
@КириллАкуленко-ж5м 4 жыл бұрын
Очень крутое видимо. Всё рассказано понятно и доходчиво. Спасибо за урок
@aleksandrholoven2412
@aleksandrholoven2412 4 жыл бұрын
Просто по полочкам разложил всё! Спасибо! React, hooks, useEffect, componentDidMount, componentDidUpdate, componentWillUnmount
@olegsoul6016
@olegsoul6016 3 жыл бұрын
Шикарное объяснение! Разжевал все до самых мелочей, спасибо!
@sevgeek
@sevgeek 4 жыл бұрын
Спасибо за детальный разбор!
@santasaitbot7761
@santasaitbot7761 3 жыл бұрын
Хорошо объяснил прям как хотелось с классового на хуки! Спасибо тебе большое!!!
@tatyanamaksymenko289
@tatyanamaksymenko289 4 жыл бұрын
благодарствую и за useState и за useEffect, отдельное спасибо за lifecycle methods!)
@КаналКлевверо-р1б
@КаналКлевверо-р1б 4 жыл бұрын
Все доходчиво и нравится, что затрагиваешь много моментов сразу)
@КамильКаландаров-и5к
@КамильКаландаров-и5к 2 жыл бұрын
Блиииин! Как же ты круто объяснил, спасибо огромное !)
@ВладимирАбрамкин-в3с
@ВладимирАбрамкин-в3с 3 жыл бұрын
Огромное спасибо!!! Очень толковое, полное и внятное объяснение.
@evgeniyn1542
@evgeniyn1542 4 жыл бұрын
Топ видео, спасибо! Дэннис планируешь сделать видео по Redux Toolkit, и по React Hook Form? И пользуешься ли в работе данными инструментами?
@АлексейВельможко-й8г
@АлексейВельможко-й8г 3 жыл бұрын
Спасибо, за доступное и понятное объяснение.
@danko5678
@danko5678 3 жыл бұрын
Очень хорошее видео, помогло мне закрепить знания о реакте
@duce201
@duce201 4 жыл бұрын
Спасибо огромное за твой титанический труд!!! Очень доходчиво объяснил!!!!
@novichoknovichok310
@novichoknovichok310 2 жыл бұрын
Очень очень спасибо Вам!
@charlesbronson9925
@charlesbronson9925 3 жыл бұрын
Наслышан за реакт пиццу, всё хочу посмотреть, но последний раз на установке ярна завис. Решил пока точечно про хуки посмотреть, видосы пушка!! Всё понятно на 100 процентов!) Лайк + подписка однозначно!)
@alexanderksenofontov7531
@alexanderksenofontov7531 3 жыл бұрын
Очень доходчивое объяснение!
@kril5903
@kril5903 3 жыл бұрын
Нереальный видос, спасибо за обьяснение работы хуков!
@Jdjdjjjxhzh
@Jdjdjjjxhzh 3 жыл бұрын
Отличный урок, все ОЧЕНЬ хорошо понятно.
@mikhaildevichensky6407
@mikhaildevichensky6407 4 жыл бұрын
после этого видео я очень жду дальнейших ваших работ !
@sargisadamian4187
@sargisadamian4187 Жыл бұрын
Просто жирный лайк, спасибо очень
@HalauLilau
@HalauLilau 3 жыл бұрын
спасибо. Все было понятно. Искал именно такой формат со сравнением подходов.
@AlikShyferiam
@AlikShyferiam 3 жыл бұрын
лучшие уроки по React!!!!
@Kirdaro
@Kirdaro 3 жыл бұрын
Спасибо, очень детально объясняешь.
@EvgenyT2011
@EvgenyT2011 3 жыл бұрын
Спасибо, очень доходчиво и лаконично.
@ДмитрийДубовцев-ч8о
@ДмитрийДубовцев-ч8о 11 ай бұрын
Спасибо за уроки!
@gowagowa7698
@gowagowa7698 3 жыл бұрын
Браво Маэстро! Всё доходчиво и понятно)!!
@vinolinbright9604
@vinolinbright9604 Жыл бұрын
Не могла не написать комментарий. Очень круто объясняешь. Действительно, очень круто
@НиколайХаритонов-й3н
@НиколайХаритонов-й3н 3 жыл бұрын
ВЫ молодец !!!отлично объясняете!!!
@croz4757
@croz4757 2 жыл бұрын
Крайне грамотно, наконец я понял эту хрень под названием useEffect)))
@yaroslavweb6186
@yaroslavweb6186 4 жыл бұрын
Как я долго этого ждал!)
@holyholy413
@holyholy413 Жыл бұрын
ОГРОМНОЕ Спасибо! 💥
@Yakristinaya
@Yakristinaya 3 жыл бұрын
Большое спасибо за качественный контент! Ты действительно оч круто объясняешь материал, лучше я ещё не встречала. Продолжай пжл!
#3: React Hooks - useRef
27:52
Archakov Blog
Рет қаралды 67 М.
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,5 МЛН
Муж внезапно вернулся домой @Oscar_elteacher
00:43
История одного вокалиста
Рет қаралды 6 МЛН
#1: React Hooks - useState
27:47
Archakov Blog
Рет қаралды 66 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
#4: React Hooks - useMemo + React.memo
25:38
Archakov Blog
Рет қаралды 72 М.
#26 Погружаемся в useEffect - ReactJS Полный курс
26:55
Евгений Паромов | Front-end
Рет қаралды 9 М.
React (продвинутый)
1:57:53
Yandex for Frontend
Рет қаралды 77 М.
React  - Курс по React для Начинающих
51:46
Bogdan Stashchuk
Рет қаралды 154 М.