ТОП 5 REACT ХУКОВ (React hooks). Делаем свои React хуки

Ғылым және технология

В этом курсе мы создадим 5 собственных переиспользуемых React хуков. От простого к сложному. React hooks уроки, кастомные react хуки. useEffect react, useState react, useContext react
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Ссылка на исходный код - github.com/utimur/top-5-react...
Intersection Observer API - developer.mozilla.org/ru/docs...
Таймкоды:
00:00 - Введение, теория
01:20 - useInput
04:50 - useHover
10:10 - useScroll/useInfinitePagination
20:20 - useDebounce
25:40 - useRequest
29:30 - Время ставить лайки!)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Пікірлер: 493

  • @AntonRyabov-by3vn
    @AntonRyabov-by3vn17 күн бұрын

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

  • @valeriipimenov4894
    @valeriipimenov48943 жыл бұрын

    Лайк по дефолту ) Комментарий за труды ) уже 5к useCongratulation() )))

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    useThanks() =)))

  • @user-zk3bc1lf8k
    @user-zk3bc1lf8k3 жыл бұрын

    Когда вижу уведомление о новом видео , бегу несмотря ни на что и приступаю просмотру!!! Тимур, спасибо вам🔥🔥🔥

  • @user-vr4kb4rz4c

    @user-vr4kb4rz4c

    3 жыл бұрын

    Аналогично)

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо вам огромное!)

  • @user-sh7bb6hk6f

    @user-sh7bb6hk6f

    3 жыл бұрын

    Аналогично

  • @centwor1on167

    @centwor1on167

    2 жыл бұрын

    Аналогично|

  • @Evgeny..

    @Evgeny..

    2 жыл бұрын

    Аналогично!)))

  • @user-td3bz8st6v
    @user-td3bz8st6v Жыл бұрын

    Сколько ни смотри, всегда что то новое можно найти в твоих видео Тимур. Спасибо, за хороший материал и шикарное изложение.

  • @UlbiTV

    @UlbiTV

    Жыл бұрын

    🙏 спасибо!

  • @anazkomult
    @anazkomult3 жыл бұрын

    Шикарные уроки по react! Большое спасибо!

  • @lekost13
    @lekost133 жыл бұрын

    Всё супер, но есть замечания: 1. Всё это лучше делать также и на typescript, потому что пока пытаешься внедрить эту реализацию на проект с typescript, уходит много времени и нервов 2. Кастомный хук с IntersectionObserver думаю, что работает не совсем корректно. Потому что при начальной инициализации когда асинхронная загрузка сущностей с бекенда ещё не произошла, отрисовка родительского и дочернего контейнера уже свершится. А поскольку у нас ещё нет объектов с бекенда, пересекаемся область будет находится строго вверху родителя. Отсюда получается, что первое пересечение срабатывает ещё на этапе инициализации приложения. Лично я столкнулся с такими проблемами :)

  • @starper_in_crypto
    @starper_in_crypto3 жыл бұрын

    Все четко и понятно, спасибо за труды! Это очень нужно!))

  • @vitalii5784
    @vitalii57843 жыл бұрын

    Офигенная подача! Всё четко и по делу, без воды и долгих вступлений.

  • @vmesed
    @vmesed2 жыл бұрын

    сразу лайк Тимуру за труды. с его учебными материалами уже знаком давно. так что лайк/коммент не глядя, а сам пойду смотреть дальше!

  • @smoozydrinker172
    @smoozydrinker1723 жыл бұрын

    Топ уроки! Давай еще! Спасибо за сновательное объяснение и детальное погружение в вопросы.

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Будут!) Спасибо!

  • @_oxios_
    @_oxios_3 жыл бұрын

    Спасибо за уроки! Очень рад что нашел канал этот!

  • @stanislavoj9875
    @stanislavoj98753 жыл бұрын

    Спасибо тебе огромное за труды! Мега полезная информация, продолжай, пожалуйста! :)

  • @bogdanandrushchenko3304
    @bogdanandrushchenko33042 жыл бұрын

    Красавчик! Как всегда на высоте. Спасибо за контент

  • @falsetrue7910
    @falsetrue79103 жыл бұрын

    Лайк перед началом просмотра

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо!)

  • @tuRistst
    @tuRistst3 жыл бұрын

    Ура. Новое видео. Ждал больше чем новый год)

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Хееех)) Спасибо!)

  • @pt-dev
    @pt-dev3 жыл бұрын

    круто именно то, что разбираются частные конкретные случаи. Спасибо!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо!)

  • @mardonbeksobirjonov9716
    @mardonbeksobirjonov97162 жыл бұрын

    реально полезные уроки и наличие исходного кода очень помогает, это определенно лучший канал по программированию который я знаю. Спасибо тебе огромное бро, видео просто бомба💥💥💥

  • @dobramorda9818
    @dobramorda98182 жыл бұрын

    Огроиное спасибо, быстро и четко раскрыл тему. И как всегда на уровне. Огонь.

  • @valeramischenko9391
    @valeramischenko93912 жыл бұрын

    За пояснениями по React на этот канал)) спасибо, всегда сильный контент

  • @slipdem
    @slipdem2 жыл бұрын

    Шикарный урок! Ну и само собой очень полезный) Спасибо

  • @itpro952
    @itpro9523 жыл бұрын

    Что то интересное, приступаем к просмотру! React hooks

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Приятного просмотра!

  • @eunicsi
    @eunicsi2 жыл бұрын

    Оставлю очередной комментарий с благодарностью за проделанную работу и потраченное время, спасибо!

  • @danemorn9703
    @danemorn97033 жыл бұрын

    Очень круто, как раз тот формат видео, который нужен. Интересно, познавательно и можно использовать в своём коде)

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Это точно!) Спасибо!

  • @andreimetro1573
    @andreimetro15732 жыл бұрын

    Коротко, четко, доходчиво - спасибо!

  • @user-uz7ok7vl2j
    @user-uz7ok7vl2j2 жыл бұрын

    Полезная практика 🔥🔥🔥 Спасибо и респект автору!!!

  • @Nikita-gn4bg
    @Nikita-gn4bg3 жыл бұрын

    Спасибо, после твоих видео проще даётся понимание, чем после чтива

  • @dmitriystoyanov933
    @dmitriystoyanov9332 жыл бұрын

    Спасибо. Классный урок, хоть я уже и работаю полгода, но видео крайне полезны, уже не раз из твоих видосов брал куски кода, изменял если надо и затаскивал в проект;)

  • @artem4637
    @artem46372 жыл бұрын

    Спасибо, классные ролики! Помогают быстрее разобраться

  • @Ecto-Gamet
    @Ecto-Gamet3 жыл бұрын

    Спасибо!!! Пожалуй, лучшее видео по «React hooks»!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо!)

  • @user-ii1bh9kw7v
    @user-ii1bh9kw7v Жыл бұрын

    Твой канал просто кладезь знаний, которые легко заходят в голову с твоим простым и легким объяснением. Благодарю!)

  • @shahimsafin9903
    @shahimsafin9903 Жыл бұрын

    Тимур, огромное спасибо за то, что ты делаешь!

  • @woodDacha
    @woodDacha2 жыл бұрын

    Спасибо за ваш труд! Не все понял, но это скорее мои проблемы восприятия чем объясняющего, буду еще пересматривать:)

  • @yogurtwithspoon
    @yogurtwithspoon3 жыл бұрын

    Какой же годный контент ты создаешь!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Стараюсь, спасибо!)

  • @MaksymZak
    @MaksymZak2 жыл бұрын

    Круто объясняешь, продолжай в том же духе. Твои видео очень полезны. Большое спасибо за труды

  • @traintocode1698
    @traintocode1698 Жыл бұрын

    Ещё и ещё раз - благодарю за твои видео уроки!

  • @user-dw8lb8lc7u
    @user-dw8lb8lc7u3 жыл бұрын

    Отличная подача и формат Именно такого контента мне не хватало

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    На канале много такого, рекомендую!) спасибо!

  • @Tim-Slim
    @Tim-Slim3 жыл бұрын

    Как всегда кратко и информативно! Спасибо!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасиб!)

  • @user-kb4ut9xg1l
    @user-kb4ut9xg1l Жыл бұрын

    Очень содержательный материал. Спасибо Тимур.

  • @michaelshypileu9239
    @michaelshypileu92392 жыл бұрын

    Да, действительно, хочется сказать Вам спасибо. много вопросов было закрыто благодаря Вам

  • @user-rd8uh2ym3c
    @user-rd8uh2ym3c2 жыл бұрын

    Отличное видео. Автор, хорошо доносишь информацию

  • @user-kw5yy1gi7e
    @user-kw5yy1gi7e2 жыл бұрын

    Отличный материал!Спасибо большое за твой труд!!!

  • @dastiw1
    @dastiw1 Жыл бұрын

    Отдельный респект за реализация debounce. Всегда пользуюсь им и никогда не думал что это так просто

  • @vitalyshevchenko5030
    @vitalyshevchenko50302 жыл бұрын

    Спасибо за видео! Очень качественно и конкретно!

  • @serhiitimchak5538
    @serhiitimchak55383 жыл бұрын

    Спасибо за полезные практические уроки .

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    И вам спасибо за поддержку!)

  • @user-wk5lg7xc4g

    @user-wk5lg7xc4g

    2 жыл бұрын

    @@UlbiTV Юни тесты высокого уровня!

  • @user-rw9xf1bh8n
    @user-rw9xf1bh8n3 жыл бұрын

    Каждое видео полезно, спасибо за труды!)

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Стараюсь, а вам спасибо за поддержку!)

  • @ubuntuous
    @ubuntuous3 ай бұрын

    Шикарные уроки по react!

  • @funkoground5194
    @funkoground51943 жыл бұрын

    Блин, слов нет, все самое полезное для реализации сложного для меня проекта, я узнаю на твоем канале. Буквально на прошлой неделе пытался понять кастомные хуки и что то недопонял до конца. Зашел на твой канал и тут про эту тему. пытаюсь понять как правильно организовать REST API и тут на канале есть видео про Backend для начинающих. Мне приходится в одного разбираться в куче вещей, пытаться понять как все грамотно сделать. Твои видео просто невероятно мне помогают. Прям от души спасибо!!!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Как бальзам на душу когда читаю такие слова, рад, что мои видео полезны и весь труд не напрасен!)

  • @helenit4365
    @helenit43653 жыл бұрын

    Спасибо за видео!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Благодарю!

  • @yakut54
    @yakut542 жыл бұрын

    Спасибо за знания! 🤝

  • @manfred7_2023
    @manfred7_20233 жыл бұрын

    Видео шикарное! Добавил в закладки! После каждого хука рука тянулась к кнопке лайк. Спасибо за труд!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо вам!)

  • @user-mt9dp9jn3f
    @user-mt9dp9jn3f2 жыл бұрын

    Благодарю за труды, было полезно:)

  • @bakebalga8352
    @bakebalga83523 жыл бұрын

    Курс пушка !!!! Спасибо :D

  • @user-yr3ub5gp3t
    @user-yr3ub5gp3t Жыл бұрын

    Тимур, большое спасибо! Еще раз пересмотрел! спасибо!

  • @user-yf5ip7td2y
    @user-yf5ip7td2y3 жыл бұрын

    Спасибо за интересное видео!!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо за поддержку!

  • @blgarOk
    @blgarOk2 жыл бұрын

    Спасибо. Действительно интересные и полезные примеры с хуками.

  • @user-tz7pk5uo6t
    @user-tz7pk5uo6t Жыл бұрын

    Спасибо огромное за урок! Очень интересный материал

  • @nelson6783
    @nelson67832 жыл бұрын

    Тимур вы лучший!!! Канал просто сокровище)

  • @masterbiz100
    @masterbiz1003 жыл бұрын

    Как всегда - ГОДНОТА!!! От меня - твердый ЛАЙК!))

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо за поддержку!)

  • @kobo8430
    @kobo8430 Жыл бұрын

    Моё искреннее почтение! Видео просто шикарнейшее!

  • @midnightstar_zoriana
    @midnightstar_zoriana5 ай бұрын

    супер-класс!! удачи каналу и автору!

  • @wardog4244
    @wardog42443 жыл бұрын

    Супер!Всегда супер!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Стараюсь дружище) спасибо!

  • @MrWerwoolf
    @MrWerwoolf3 жыл бұрын

    Это очень интересная информация, лайк+подписка на вступлении!

  • @VolodymyrSirenko
    @VolodymyrSirenko Жыл бұрын

    Спасибо огромное за канал, Тимур! Учусь на фронтенд-разработчика полгода и только сейчас успеваю осознавать о чем говорится в видео. Жалко то, что с моими знаниями нет смысла покупать твой курс по продвинутому Реакту , а ты сообщил что не планируешь делать третий поток. Надеюсь передумаешь к тому впемени когда я обрету уверенность в своих силах. :)

  • @user-du9bm5mv1o
    @user-du9bm5mv1o2 жыл бұрын

    Отличное видео, спасибо.

  • @anna_tmch
    @anna_tmch2 жыл бұрын

    Спасибо, очень полезный контент!

  • @shoxruxnizomov6621
    @shoxruxnizomov6621 Жыл бұрын

    Большое спасибо! Все круто

  • @mikhailstepanischev8316
    @mikhailstepanischev83163 жыл бұрын

    Шикарнейшее,спасибо ! Custom react hooks.

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    И вам спасибо!)

  • @mivalb7979
    @mivalb79792 жыл бұрын

    Спасибо, очень полезное видео!

  • @farizsultanbekov1637
    @farizsultanbekov1637 Жыл бұрын

    Супер материал, спасибо

  • @MrOne865
    @MrOne8653 жыл бұрын

    Лучший! 🔥 Как всегда, только полезное из практики, спасибо (:

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Благодарю!)

  • @getshou
    @getshou2 ай бұрын

    у тебя просто бесценный контент. Благодарю

  • @ev_geniy17
    @ev_geniy172 жыл бұрын

    Как всегда супер

  • @user-ri8jc4sp1h
    @user-ri8jc4sp1h2 жыл бұрын

    полезный видосик. Спасибо за труд

  • @Aristockij
    @Aristockij2 жыл бұрын

    блин, да тут лучшие видосы по реакту!

  • @vladyslavfx3892
    @vladyslavfx38923 жыл бұрын

    Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.

  • @eruiluvatar6178

    @eruiluvatar6178

    2 жыл бұрын

    Согласен, тоже очень жду уроков по jest и на фронте и на беке конечно же!!!

  • @user-wk5lg7xc4g

    @user-wk5lg7xc4g

    2 жыл бұрын

    Плюсую

  • @andrewevdokimov9327
    @andrewevdokimov93273 жыл бұрын

    Очень полезный контент делаешь =) Спасибо!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Стараюсь, спасибо!)

  • @s9219871110
    @s92198711102 жыл бұрын

    Каждый поиск в интернете приводит на этот канал. Пусть так и будет. Аминь!

  • @samerlagha1609
    @samerlagha16093 жыл бұрын

    Шикарно 🙆‍♂️

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо!)

  • @user-sh7bb6hk6f
    @user-sh7bb6hk6f3 жыл бұрын

    Просто огонь!

  • @user-dw4pi5gy7t
    @user-dw4pi5gy7t Жыл бұрын

    Как обычно идеально

  • @kostiantynkolomiiets1248
    @kostiantynkolomiiets12482 жыл бұрын

    Отличный урок, большое спасибо!

  • @379sanek
    @379sanek3 жыл бұрын

    Как всегда, красавчик!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Благодарю!)

  • @leonidindivid
    @leonidindivid Жыл бұрын

    Комментарий в поддержку канала. Большое спасибо за годный контент!

  • @maksymshypytsia5217
    @maksymshypytsia52178 ай бұрын

    Очень круто спасибо вам!!

  • @user-gz7gi4qv4e
    @user-gz7gi4qv4eАй бұрын

    Спасибо за видео, очень интересно было 👍

  • @user-dn4ry3uw8i
    @user-dn4ry3uw8i Жыл бұрын

    спасибо огромное, как всегда лучший

  • @Vad11m1
    @Vad11m13 жыл бұрын

    Толково, спасибо!

  • @AndreyPevin
    @AndreyPevin3 жыл бұрын

    Годный контент. Удачи в развитии канала!

  • @user-dy9zo3oq6k
    @user-dy9zo3oq6k3 жыл бұрын

    Классный контент, спасибо!

  • @user-uq6co3qv2p
    @user-uq6co3qv2p3 жыл бұрын

    Как всегда топ!

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Спасибо!)

  • @valery_osanin
    @valery_osanin Жыл бұрын

    Отличный материал, благодарю!

  • @ma1abakiev
    @ma1abakiev Жыл бұрын

    Просто лучший! Очень полезные хуки

  • @andriantsoy874
    @andriantsoy8743 жыл бұрын

    Спасибо! Полезный контент))

  • @gud8359
    @gud83599 ай бұрын

    Прокачивает! Спасибо огромное за труды!👍

  • @user-dz8gp1ls9z
    @user-dz8gp1ls9z2 жыл бұрын

    Очень полезно! Спасибо!

  • @user-rd6oe9ny1j
    @user-rd6oe9ny1j2 жыл бұрын

    Спасибо за отличное видео!

  • @nvdedmz
    @nvdedmz3 жыл бұрын

    Очень интересно. Спасибо.

  • @UlbiTV

    @UlbiTV

    3 жыл бұрын

    Благодарю!)

  • @alexanderalex5522
    @alexanderalex55223 жыл бұрын

    Очень познавательно, большое спасибо!

  • @user-so4ne4uy7f
    @user-so4ne4uy7f3 жыл бұрын

    Очень круто!

  • @AndreiS-cu2wb
    @AndreiS-cu2wb2 жыл бұрын

    Спасибо за отличный контент по хукам!

Келесі