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

[@user-zk3bc1lf8k]

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

[@user-vr4kb4rz4c]

Аналогично)

[@UlbiTV]

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

[@user-sh7bb6hk6f]

Аналогично

[@centwor1on167]

Аналогично|

[@Evgeny..]

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

[@valeriipimenov4894]

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

[@UlbiTV]

useThanks() =)))

[@user-td3bz8st6v]

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

[@UlbiTV]

🙏 спасибо!

[@falsetrue7910]

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

[@UlbiTV]

Спасибо!)

[@lekost13]

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

[@itpro952]

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

[@UlbiTV]

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

[@tuRistst]

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

[@UlbiTV]

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

[@AntonRyabov-by3vn]

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

[@vladyslavfx3892]

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

[@eruiluvatar6178]

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

[@user-wk5lg7xc4g]

Плюсую

[@pt-dev]

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

[@UlbiTV]

Спасибо!)

[@serhiitimchak5538]

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

[@UlbiTV]

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

[@user-wk5lg7xc4g]

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

[@funkoground5194]

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

[@UlbiTV]

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

[@s9219871110]

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

[@user-cw2xk5jt6w]

один из немногих, кого смотрю в ру сегменте. многие ещё просто не осознали насколько это жирный контент.

[@ipa_stor]

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

[@UlbiTV]

Спасибо, Рус!)

[@valeramischenko9391]

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

[@Aristockij]

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

[@helenit4365]

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

[@UlbiTV]

Благодарю!

[@anazkomult]

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

[@yogurtwithspoon]

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

[@UlbiTV]

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

[@user-qp7ph5df7x]

Я новичек, пытаюсь залететь в айтишку, и такие практические видео как нельзя кстати. Спасибо🔥🔥🔥

[@Almas-2002]

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

[@UlbiTV]

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

[@Davidovich_aka_smoozydrinker]

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

[@UlbiTV]

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

[@hutoryanin]

Согласен, уникальный, полезный контент. Благодарю. *Р. е. с. п. е. к. т.*

[@UlbiTV]

Благодарю вас за поддержку!)

[@eunicsi]

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

[@ev_geniy17]

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

[@hutoryanin]

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

[@UlbiTV]

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

[@AndrewMolodushko]

итак, вопрос по задачке с callback: 1. зачем нужно передавть callback, как зависимость в эффект? все же должно работать если оставить [ ] 2. в самом эффекте я оставил только { observer.current.observe(childRef.current); return () => observer.current.unobserve(childRef.current); }. нормально ли это? 3. useScroll(parentRef, childRef, fetchTodos) - вместо стрелки с вызовом fetchTodos просто передаю fetchTodos 4. нужно ли тут париться с useCallback, что бы точно знать, что функция не будет переопределяться каждый раз при рендере компонента. 5. ну и что именно там нужно сделать)) П.С. Спасибо за ответы и видео

[@aleksandrmayboroda85]

1. Если так сделать, то у тебя будут прилетать одни и те же данные (например, id с 1 по 20) 4. Думаю, нет. У тебя всегда будет перерендер функции, потому как внутри нее ты меняешь страницу и массив для отображения. А они будут в зависимостях при оборачивании в useCallback. 5. Главный косяк в том, что при достижении дна родителя запросы продолжают отправляться на сервер и получать ничего. Я решил это добавлением в стейт списка флага и передачей его 4-м параметром в хук. Если достиг дна, убираешь обсервер с элемента. Возможно, у кого-то есть решение поинтереснее

[@masterbiz100]

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

[@UlbiTV]

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

[@HIghtowerSever]

Ставлю лайк, пишу комментарий. Сразу как попросил. А то потом забуду ;)

[@UlbiTV]

Правильно!) спасибо вам!

[@Ecto-Gamet]

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

[@UlbiTV]

Спасибо!)

[@mardonbeksobirjonov9716]

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

[@vitalibachin]

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

[@user-dw8lb8lc7u]

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

[@UlbiTV]

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

[@stanislavoj9875]

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

[@dastiw1]

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

[@Nikita-gn4bg]

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

[@starper_in_crypto]

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

[@user-dw3gt5bj4s]

у тебя крутые курсы, можно сказать на одном уровне с Минином

[@UlbiTV]

Значит курсы действительно хорошие)

[@Trulalandia]

@@UlbiTV нет, ты по уровню лучше Минина, просто у тебя ролики короткие. А Минин вообще по верхам, как сухая не очень хорошая документация

[@uNkind33]

вот это подарок на 8-е марта :D

[@UlbiTV]

:DD

[@woodDacha]

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

[@kolyabokov88]

Воо, ништяк! Бро, как раз нужно подтянуть)

[@UlbiTV]

Давай!)

[@programming5944]

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

[@UlbiTV]

Спасибо!)

[@_oxios_]

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

[@van_borshch8763]

Хз как сюда попал,но это годнота половину проекта можно переписать)

[@UlbiTV]

На канале много годноты))

[@van_borshch8763]

@@UlbiTV Уже смотрю,годно,спасибо за контент)

[@keksinjo]

На счет useScroll хука, в качестве фикса для колбэка, стоит использовать useCallback

[@danemorn9703]

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

[@UlbiTV]

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

[@excellex]

одного понять не могу: где твои остальные 995тыс. подписчиков?!

[@UlbiTV]

Вот я тоже ищу, ищу...а их все нет да нет((

[@excellex]

@@UlbiTV официально заявляю, что это косяк их, а не твой!

[@manfred7_2023]

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

[@UlbiTV]

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

[@vitalii5784]

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

[@jsmonstr9638]

Полезное практические видео по React hooks

[@UlbiTV]

Спасиб

[@andreimetro1573]

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

[@komilolimov2257]

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

[@UlbiTV]

Спасибо!

[@oleksandrvoron_ko580]

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

[@GyrWorker]

Полезный контент, спасибо Тимур! Присоединяюсь к ребятам, тоже хотелось бы про jest (react testing library), cypress

[@vmesed]

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

[@oleksus_muchachus]

Супер! Custom Hooks

[@UlbiTV]

Спасибо!)

[@nelson6783]

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

[@komilolimov2257]

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

[@iharberasneu2905]

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

[@akaibegaliev2362]

Спасибо за полезный и очень годный контент! Есть ли в планах сделать более подробное видео по firebase + react?

[@UlbiTV]

В планах есть, но когда осуществлю - трудно сказать!

[@ТимСлим]

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

[@UlbiTV]

Спасиб!)

[@ArtOfFun]

Просто топ 🔥🔥🔥

[@UlbiTV]

Благодарю!

[@bogdanandrushchenko3304]

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

[@VolodymyrSirenko]

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

[@wardog4244]

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

[@UlbiTV]

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

[@vitaliy.osadchyj]

useContext не раскрыта. Ну и "домашние задания" осталось без разбора ))) Контент годный, спасибо

[@user-ri8jc4sp1h]

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

[@lorandemarcus]

Контент как всегда топ! Напиши подсказку на 16.15 не понимаю где там недочет

[@bukanaka]

+

[@dmitriystoyanov933]

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

[@user-uz7ok7vl2j]

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

[@user-pd9no5ye5g]

Сразу лайк до просмотра)

[@UlbiTV]

Благодарю!

[@artem4637]

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

[@michaelshypileu9239]

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

[@mikhailstepanischev8316]

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

[@UlbiTV]

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

[@user-cw6xh4nv9t]

Полезный материал 👍🏻 . Тимур сделай урок по Storybook for React. Часто используется в проектах эта технология.

[@UlbiTV]

Есть в планах, спасибо!)

[@_GyG_]

Я пока учусь, но с твоими видосами сразу мидлом стану)

[@UlbiTV]

Успехов!)

[@samerlagha1609]

Шикарно 🙆‍♂️

[@UlbiTV]

Спасибо!)

[@user-px5no4vy9e]

Спасибо за контент) Недочет про коллбэк - это то, что его нужно было у родителя завернуть в useCallback?

[@it-coding]

В useDebounce не понятен смысл использования useCallback , при перерисовке компонента , будет новая ссылка на callback , и соответсвенно в useCallback создаст новую функцию , без useCallback было бы тот же результат , просто дополнительная нагрузка добавилась

[@benchik100]

тоже заметил этот факт!

[@slipdem]

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

[@eugene684]

Комментарий для отдачи за твои труды

[@UlbiTV]

Спасибо, это важно!)

[@yakut54]

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

[@Vlad-us9xt]

top!

[@UlbiTV]

Спасибо!

[@dobramorda9818]

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

[@MrWerwoolf]

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

[@shahimsafin9903]

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

[@user-rw9xf1bh8n]

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

[@UlbiTV]

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

[@MaksymZak]

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

[@user-du9bm5mv1o]

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

[@traintocode1698]

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

[@user-rd8uh2ym3c]

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

[@user-uq6co3qv2p]

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

[@UlbiTV]

Спасибо!)

[@mikhailstepanishchev283]

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

[@user-nj7wg2je1e]

Спасибо за годноту! Просто и доходчиво о не самых очевидных вещах! Будет что-нибудь про TypeScript? Много полярных мнений про него слышал, а толковых разборов почти нет(

[@user-es3dr1en2q]

лайк поставил, коммент написал)

[@UlbiTV]

Благодарю!)

[@user-jz2vj3cp5c]

Респект, продолжай в том же духе...

[@UlbiTV]

Спасибо!)

[@ubuntuous]

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

[@gritsienkooleg3447]

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

[@getshou]

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