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

Рет қаралды 79,635

Күн бұрын

В этом курсе мы создадим 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 14 күн бұрын

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

@valeriipimenov4894 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

useThanks() =)))

@user-zk3bc1lf8k 3 жыл бұрын

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

@user-vr4kb4rz4c 3 жыл бұрын

Аналогично)

@UlbiTV 3 жыл бұрын

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

@user-sh7bb6hk6f 3 жыл бұрын

Аналогично

@centwor1on167 2 жыл бұрын

Аналогично|

@Evgeny.. 2 жыл бұрын

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

@falsetrue7910 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Спасибо!)

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

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

@UlbiTV Жыл бұрын

🙏 спасибо!

@anazkomult 3 жыл бұрын

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

@itpro952 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@vitalii5784 3 жыл бұрын

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

@tuRistst 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@smoozydrinker172 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@mardonbeksobirjonov9716 2 жыл бұрын

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

@starper_in_crypto 3 жыл бұрын

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

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

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

@_oxios_ 3 жыл бұрын

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

@eunicsi 2 жыл бұрын

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

@Nikita-gn4bg 3 жыл бұрын

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

@vmesed 2 жыл бұрын

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

@s9219871110 2 жыл бұрын

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

@pt-dev 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Спасибо!)

@stanislavoj9875 3 жыл бұрын

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

@slipdem 2 жыл бұрын

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

@Ecto-Gamet 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Спасибо!)

@dobramorda9818 2 жыл бұрын

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

@valeramischenko9391 2 жыл бұрын

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

@lekost13 3 жыл бұрын

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

@dastiw1 Жыл бұрын

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

@serhiitimchak5538 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@user-wk5lg7xc4g 2 жыл бұрын

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

@andreimetro1573 2 жыл бұрын

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

@user-uz7ok7vl2j 2 жыл бұрын

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

@vkamne 3 ай бұрын

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

@bogdanandrushchenko3304 2 жыл бұрын

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

@michaelshypileu9239 2 жыл бұрын

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

@woodDacha 2 жыл бұрын

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

@traintocode1698 Жыл бұрын

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

@shahimsafin9903 Жыл бұрын

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

@dmitriystoyanov933 2 жыл бұрын

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

@MaksymZak 2 жыл бұрын

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

@Tim-Slim 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Спасиб!)

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

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

@danemorn9703 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@user-kw5yy1gi7e 2 жыл бұрын

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

@masterbiz100 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@manfred7_2023 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@user-rw9xf1bh8n 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@user-dw8lb8lc7u 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@Aristockij 2 жыл бұрын

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

@blgarOk 2 жыл бұрын

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

@ma1abakiev Жыл бұрын

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

@yogurtwithspoon 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@kobo8430 Жыл бұрын

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

@getshou 2 ай бұрын

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

@funkoground5194 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@gritsienkooleg3447 Жыл бұрын

Афигеть, какой же крутой контент! Так, надо идти писать ))

@MrWerwoolf 3 жыл бұрын

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

@gud8359 8 ай бұрын

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

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

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

@artem4637 2 жыл бұрын

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

@midnightstar_zoriana 5 ай бұрын

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

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

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

@user-rd8uh2ym3c 2 жыл бұрын

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

@mikhailstepanischev8316 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@MrOne865 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Благодарю!)

@Vlad-us9xt 3 жыл бұрын

top!

@UlbiTV 3 жыл бұрын

Спасибо!

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

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

@leonidindivid Жыл бұрын

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

@vitalyshevchenko5030 2 жыл бұрын

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

@kostiantynkolomiiets1248 2 жыл бұрын

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

@ev_geniy17 2 жыл бұрын

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

@aleksandrzelenskiy4000 3 жыл бұрын

Отличная подборка React hooks

@user-mt9dp9jn3f 2 жыл бұрын

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

@VolodymyrSirenko Жыл бұрын

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

@nelson6783 2 жыл бұрын

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

@hutoryanin 3 жыл бұрын

*Л. а. й. к. о. с.* за видос.

@UlbiTV 3 жыл бұрын

С.п.а.с.и.б.о!)

@wardog4244 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

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

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

@bakebalga8352 3 жыл бұрын

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

@AndreiS-cu2wb 2 жыл бұрын

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

@user-gz7gi4qv4e Ай бұрын

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

@user-ri8jc4sp1h 2 жыл бұрын

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

@andrewevdokimov9327 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@helenit4365 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

Благодарю!

@yakut54 2 жыл бұрын

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

@kayaosato9289 Жыл бұрын

коммент в поддержку, великое дело для новичков делаешь)

@farizsultanbekov1637 Жыл бұрын

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

@anna_tmch 2 жыл бұрын

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

@oleg5588 Жыл бұрын

Коммент в подержку. Бесценный контент.

@maksymshypytsia5217 7 ай бұрын

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

@user-yf5ip7td2y 3 жыл бұрын

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

@UlbiTV 3 жыл бұрын

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

@shoxruxnizomov6621 Жыл бұрын

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

@mikhailstepanishchev283 3 жыл бұрын

Космос,спасибо! React Hooks

@user-sh7bb6hk6f 3 жыл бұрын

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

@kainarilyasov4644 2 жыл бұрын

побольше таких уроков! автор просто СУПЕР!

@phoenixbeard8543 7 ай бұрын

Дуже крутий урок, дякую!

@mivalb7979 2 жыл бұрын

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

@user-du9bm5mv1o 2 жыл бұрын

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

@valery_osanin Жыл бұрын

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

@oleksandrvoron_ko580 2 жыл бұрын

Дякую за контент! Чітко та ясно !

@apptokdev Жыл бұрын

Спасибо за уроки, ты лучший!

@komilolimov2257 Жыл бұрын

Прям от А до Я все четко понятно, а не как другие

@samerlagha1609 3 жыл бұрын

Шикарно 🙆‍♂️

@UlbiTV 3 жыл бұрын

Спасибо!)