Video není dostupné.
Omlouváme se.
React Hooks - Полный Курс (Про Все Хуки в 1 видео!)
Vložit
- čas přidán 17. 08. 2024
- Дорожная карта и экосистема React 2024 - bit.ly/3NxXf7z
Эксклюзивный контент в Telegram: t.me/NextgenSo...
Исходники тут: t.me/js_by_vla...
Telegram: t.me/js_by_vla...
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notio...
Полный курс по React Hooks. Внутри расскажи про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки
Таймкоды:
00:00 Введение
01:11 useState
23:20 useEffect
37:28 useRef
48:07 useMemo
59:39 useCallback
1:09:44 useContext
1:26:55 useReducer
1:34:18 Создаем свои хуки
#react #hooks
Исходники тут: t.me/js_by_vladilen/224
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Чтоб мы без тебя делали? Это просто божественно, спасибо, что так стараешься!
Документацию читали?)
@@HolyMasster именно
Годнота подъехала :D. Владилен, с возвращением!
Благодарю, сам рад вернуться)
Немного простывший после серфа еще, но надеюсь сильно не скажется на голосе :)
Отличное видео, спасибо! Всё доходчиво и по полочкам. Знаю сам не по наслышке, как тяжело это - доступно объяснить. У вас однозначно талант!
невероятно, завтра я на интервью, все я учил от тебя и повторяю по твоим видео, спс большое Владелин, ты очень хороший учитель))
просто шикарная подача материала!
что особенно нравится что сначала идет "как НЕ правильно делать", а потом как "Правильно", это как помне просто отлично))))
Спасибо!
Огромное спасибо Владилен джан, очень нравится когда так детально объясняешь, контент то что надо, лучше и не ищите
согласен полезно, но не стоит себя ограничивать, тут useCallback вообще иначе рассмотрели - czcams.com/video/2Wp7QPTkpms/video.html
Владилен, в тысячный раз огромное СПАСИБО!!!!!!! Дай Бог тебе здоровья и удачи! Никогда не останавливайся!
Так ждал, спасибо огромное, Владилен. На фоне прохождения курса по реакту неплохое закрепление
Владилен, огромное спасибо за это видео и вообще за весь ваш труд! Так понятно обьяснить все хуки, дать множество практических примеров и затронуть тонкости их использования не каждый может. Просто супер!
Это нереальный мега уровень Владилен, спасибо что помогаешь мне , когда то надеюсь и я так буду помогать как ты !
Когда начинаешь изучать front-end разработку, можно прям жить на канале Владилена :)
Владилен, большое спасибо за такой обширный урок! Ты задел здесь некоторые темы, которые мне трудно было найти в нормальном объяснении. Рекомендую посмотреть всем, кто занимается фронтендом и не только на Реакте
Очень круто! Особенно с примерами *для чего* делаются определённые действия и *вариантами* как их можно реализовывать. Огромное спасибо!
Самое доходчивое объяснение хуков из всех, что смогла найти на английском и русском языке. Большущее спасибо!
Здравствуйте,вы все хуки смогли применить на практике?
Владилен, большое спасибо за курс! В очередной раз убеждаюсь в том, что слушать всех подряд не стоит. О твоём канале создал негативное впечатление знакомый, одной фразой - "начал смотреть, уснул через 5 минут" и этого было достаточно для того, чтобы обходить тебя стороной:) Но, как я рад, что все таки добрался сюда)
Спасибо за урок, Владилен. Чувствуется большой бэкграунд разработки за вашими видео.
Хочу сказать Владилену спасибо за его труды. Во многом благодаря видео 50 вопросов на собеседовании по JS и разбору тестового задания на Vue.js я смог устроиться на работу фронтендером. Правда до этого я ещё год учился на платных курсах у другого ментора (тоже очень хорошего, рекламировать тут не буду), но данные видео мне реально очень помогли.
Владилен своими ХУКАМИ уничтожает школы программирования 😄
одних хуков маловато
@@peterlive6043 да не ты прикол не понял , типа Хуки это как хук слева хук справа. Типа удары
@@peterlive6043 можно апперкот использовать...
@@marklebel3800 useUppercut()
Это видео-находка! Очень доступно объяснил и по-полочкам все разложил. Спасибо за твой труд!
Спасибо Вам огромное 😊 очень понятно, Вы прекрасный учитель 💚
Ждем курса по Тайпскрипт)
Так есть ведь уже. Пошурши в видосах на канале. И есть видос про Тайпскрипт в Реакт
Круто! Давно ждал, спасибо! До этого, никак не мог до конца понять как работают useCallback, useMemo, useRef. 👍
Такая же фигня.
Покорнейше благодарю за ваш труд! Ощущение что на сокровищницу знаний и опыта наткнулся! Получил исчерпывающие знания по хукам, не только в теории, но и практическом видео!
Ещё раз спасибо )
Лайк до просмотра, контент как всегда на высоте. Отлично съездил на Камчатку, побольше таких путешествий)))
отличная работа. А самое главное - полезная! Лично я не привык лазить по докам, что не очень хорошо, но хорошо лишь тогда, когда если подобные видео, где коротко изложена основной функционал, концепция, принцип работы и тд. Спасибо!)
Спасибо! Наконец-то всё понял, особенно на моменте создания собственных хуков и где используется контекст и редюсер! Раньше не мог понять, как это работает
Владиленыч, ну что же ты за мужик то такой ХОРОШИЙ!
"ни..я не понятно, но очень интересно"))))))) а вообще очень круто объяснил, спасибо, четко и по полочкам, осталось нарисовать на листике и осознать )
мне вот тут понравился тип похожее с визуализациями, я как визуал легче воспринимаю - czcams.com/video/2Wp7QPTkpms/video.html
Классный контент и формат видео.Все очень понятно и интересно. Побольше бы таких блоггеров)))
я еще этого смотрю, тоже топчик - czcams.com/video/2Wp7QPTkpms/video.html
привет,большое спасибо тебе за контент,действительно очень помогает.На данный момент учусь на Яндекс практикуме ,честно скажу, без твоих видео бы пропал ,ошибся наверное с курсами. Не смотрел ещё прайс твоей школы и отзывы по бэкенду ,но рассматриваю как вариант для изучение серверной части
P.S. Редко пишу комментарии,но тут не сдержался 😀Так как вижу ,что человек действительно делает, для многих студентов мир it проще !
Будем рады!
Просто красавчик, самый достойный урок по которому стоит учиться. После этого видоса можно переходить в туториалы проектов
Смотрю тебя и радуюсь)
Давно работаю в этой сфере, но совсем мелкие детали так как ты показываешь и саму подачу еще не встречал)
Несмотря на некоторых крутых сеньеров разоблачающих Владилена, многие сложные вещи по JS, React которые я изучал в разных источниках, стали понятны только по видео Владилена. Спасибо, за работу, дружище!
а что за сеньеоры и в чем разоблачение?
Отличное видео, такой формат очень нравится, на одном дыхании посмотрел!
а мне завтра идти на собес, на реакт-разработчика, вот так вовремя ! Спасибо!
Удачи)
Отпишись после)
jj swift поддерживаю
У меня был сегодня, а вчера я все пытался найти вот такой видос, с теорией по хукам)
Jemil Suleimanov и что спрашивали? Прошел?
Примерно 17:50. Не обязательно передавать коллбэк, можно передавать функцию, не вызывая её, для этого пишем имя функции без скобок, т.е код будет такой: const [counter, setCounter] = useState(computeInitialState).
Вот и все
Разве это не является тоже передачей коллбек функции?
@@alxkr7937 кода меньше становится, читать проще
Владилен, ты - чудо! Спасибо тебе огромное за это видео! я как раз подхожу к изучению хуков!!!
Супер! Не всё сразу схватывается (концентрация зашкаливает!), но, думаю в записи посмотреть и практикой закрепить.
На 2-ой работе (одна у меня утром и до вечера - там Vue, а другая вечером и в выходные немного - там React) работаю с коммерческим React проектом, использовал и все хуки, что были видео и иногда даже те, что тут не были перечислены, но всё равно узнал что-то новое для себя и проверил свои знания. Спасибо!
Привет, Владилен! С возвращением )) Поставил будильник, чтоб не пропустить.
1:39:56 junior воет на фоне от боли )
Благодарю за это прекрасное видео! Благодарю за бесценный труд! 😃
14:06 Мне кажется самым лёгким решением этой проблемы будет counter + 2
Найс контент подъехал, а вот фура лайков :)
Рад снова всех видеть)
на useContext что-то вообще потерял связь, что происходит
Огромное спасибо! После видео начал понимать как работают эти «волшебные» хуки.
До этого пользовался, но без понимания :)
Владилен - супер препод. Хорошо получается, хоть и раньше видел это видео, и второй раз снова интересно). Спасибо.
Охеренно! Особенно последние два раздела.
Большое спасибо за материал!
Курс по Excel уже купил :)
Владилен, снимаю шляпу.
Я смотрел ваши видео, где вы говорили, что хотите стать лучшим русским ютубером с обучающими материалами по вебу, вы им стали!
Продолжайте в том же духе, спасибо за вашу работу!))
Огромное спасибо! Получилось крутое дополнение к тому, что я уже прочитал в документации. Закрепилось на отличненько =)
Супер давно ждал!
Владилен ! Мои поклон! как всегда , вовремя , полезно и актуально ! Спасибо
Как всегда на высшем уровне)) Спасибо)
Спасибо. использую хуки уже давно, а некоторые особенности не понимала, только недавно нагородила велосипед, как теперь поняла. пойду исправлять)
я так же, правил после) а потом еще это про useCallback еще более углубленно посмотрел, вообще поудалял в половине проекта) czcams.com/video/2Wp7QPTkpms/video.html
Здравствуй Владиен, очень нравятся твои видео. Считаю тебя самым топовым стримером по Js просторах руннета. Большая просьба к тебе, сделать видео урок по созданию многопользоватльского чата на Реакте (по типу телеграмма) со всеми прилегающими фичами(алерты, перемещение юзеров по послежним сообщниям и тд). Такого на рунете нету)
Запиши урок по всем необходимым знаниям DOM, который должен знать junior front end пожалуйста, думаю я не один такой ждун)
джун - ждун )
@@olegborodko1801 ага)
Влад, ты очень крутой! Теперь понятно почему твой канал номер 1 на Ютубе по просторам 😄Мог бы ты в следующий раз делать видео на практических примерах. Например хуки использовать при добавлении логики в меню сайта и т.п. Это было бы очень круто и позволило бы расширить аудиторию зрителей, тем самым дать ещё больший толчок в развитии канала
Благодарю )
Посмотри на канале mern курс. Уже все сделал
@@VladilenMinin Спасибо большое! Уже смотрю!)
Спасибо за этот видос. Возвращаюсь к нему переодически)
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев -
bit.ly/3bEgJY0
Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3xVeHKA
Отлично объяснил все! Спасибо большое за такое полезное видео) P:S: мой первый комментарий за все время на Ютуб, заслужил!)
а я свой первый у этого реакт разраба оставил) czcams.com/video/2Wp7QPTkpms/video.html
Влдилен делай побольше видео, очень хочется увидеть от тебя создание PWA на React с настройкой сервисворкеров. Лайкните поднимите в топ !
Добрый день, твой материал в разы превосходит аналогичный, много кто рассказывал и про хуки и про next.js, из русскоязычных ютуберов твой материал не имеет аналогов по качеству донесения информации до слушателя, так совпало, что твой материал по next.js как раз пришелся во время, так как проекты в компании в которой я работаю, создаются именно на нем, и снова, так совпало, что логика работы хука useRef понадобилась как раз сегодня, в общем как не крути, твой материал выручал уже не однократно, благодарю за огромный труд который ты вкладываешь в свой материал, очень многим он пригодится, я кучу всяких каналов пересмотрел в поисках нужной информации и без преувеличения могу сказать, что из русскоязычных источников, твой наилучший как по качеству так и по актуальности, в общем желаю тебе крепкого здоровья и всех благ, выпускай материал который сейчас самый актуальный на рынке, таким образом сможешь увеличить свою аудиторию.
Благодарю за отзыв)
@@VladilenMinin , привет, можешь скинуть ссылку на твой курс по продвинутому js на Udemy? Планирую приобрести.
Владилен ОГРОМНЕЙШЕЕ СПАСИБО!!!!!
Очень полезная информация, спасибо. Покупал твои курсы, очень качественно объясняешь
Боже так хотел до конца с ними разобраться, но не было годного материала. Владилен, спасибо тебе за твои труды!))))
Да, это точно. Вся приложуха была написана на юзЕфект и юзСтейт, ща добавил рефов и колбеков - производительность заметно увеличилась.
Владилен, спасибо за топовый урок - с 10-ой минуты я увидел Реакт под углом, который никогда не замечал!
Cпасибо тебе большое за нормальные - простые примеры, за доступность и за сам материал!
Кравчик. Единственный видео про хук, который до конца посмотрел
Большое спасибо за такой труд, очень полезно!
Чёт в документацию по реакту я не врубился, читая эту тему, а на работе реакт ещё тот, где хуков нету, так что смысла погружаться в тему не было. А тут очень доходчиво, будто сам попробовал. 😄
Очень круто, спасибо Владилен!)
Такие антуражные звуки улицы :) На самом деле такой фоновый звук, если он умеренный и хорошо подобран, он даже помогает, мозги меньше устают
Спасибо вам за все ваши труды и старания для нас! Куча бесплатного и классного контента))) Благодаря вам переписал сайтик (магазин для игрового проекта Minecraft 😅) с PHP, HTML+JS (JQuery и другие дела) на nodejs (правда не Express, а Koa, ну нужно же что-то самому изучать), NextJS, а так же полностью перешел с mariadb на mongo и ни о чем не жалею (кроме конечно meow-аттаки, но я сам дебил, не защитил должным образом БД, так что меня по сути тыкнули носом в мою оплошность, правда, ценой всех данных в БД). Еще раз огромное вам спасибо!!
Очень полезная информация, как всегда, простым для понимания языком. Спасибо!!!
по useEffect не понял как в итоге проводится очистка слушателя, но в остальном - пушка!
Чистый кайф, то что надо!)
с контекстом очень все запутано
Да нет, нормально, все поэтапно. Вот с reducer-ом тяжело, особенно для тех, кто не работар с redux
Владилен ты нереальный чел, спасибо!
Очень хорошо обьясняете, спасибо большое😍
У React-a хорошая документация на офф сейте. Думаю, что это видео будет хорошим дополнением). Спасибо Владилен, этот ролик, из твоих - самое совершенный и возможно, что самый важный. P.S. все лайки - без оглядки)). Молодец, ты - супер!!!
Спасибо за качественные и оригинальные курсы и виде =)
Спасибо за проделанную работу, хорошее видео. Есть вещи которые я для себя подчеркнул. Хотелось видеть видео по redux хукам, редко используемым хукам в React таким как: useDebugvalue, useImperativeHandle, useLayoutEffect
спасибо, все по делу, ничего лишнего, на скорости 1.5 заходит на ура)
Спасибо большое, отличная подача материала!
Спасибо вам! Я пытался сам поковырять React, и наткнулся на эффект, который происходит с useEffect когда он не вызывается при перерисовки компонента, и я уже передаю в компонент пропс и пытаюсь как-то перерисовать его , но данные не изменяются. И тут вы в видео объясняете , для чего нужен deps[], положил в него props и все заработало!
Все супер только не понял как работает callback 13:42 который работает с предыдущим значением. Может есть видео на эту тему? буду очень благодарен!
Очень круто! Спасибо, Владилен ;)
Очень доступно и понятно, спасибо Владилен!)
Лайк авансом ! Посмотрю на выходных
Возник вопрос у меня Владилен . На 22 мин 20 сек видео вы комментируете что useState при работе с объектами лучше использовать не объект с полями а скажем для каждого поля отдельный useState . А как быть с получением данных с форм через атрибуты name="что то там" ведь формы бывают c достаточно большим кол-вом input ? Мне конечно по душе для каждого input свой useState . Для меня примеры вашего кода скажем эталон на сегодня и я прислушиваюсь к вашим рекомендациям! Спасибо!
Для форм используют переменную - стейт formData, к примеру, которая хранит валидный объект для API. Дальше dispatch-> JSON.stringify(formData) в API helpers или sagas. Где formData setFormData({...formData, [name]: value}). Для валидации можно использовать как store, так и кастомную функцию для чека. Зависит от того, как именно хотите показывать ошибки валидации на клиенте или от сервера.
Важный момент - toggle в HOC с провайдером надо обернуть в useMemo, иначе будут проблем с последующим использованием функции toggle в useEffect
Не знаю читаете ли Вы комментарии, но хотел написал Вам просьба даже предложение больше. Смотрел Ваш курс по React Native и скажу Вам что очень неплохо. Предложение: Создать курс по React Native в связке(React Native CLI Quickstart + Typescript + Storybook(ну или подобную ui библиотеку)). Почему в такой связке? ...ибо Вы удивитесь как туториалов в такой связке для нас начинающих программистов. А почему React Native CLI Quickstart + ибо вы знаете что все на expo делают, покажите как надо правильно от начала создавать проекты не для домашнего пользования, а для чего то больше.
Курс не будет для новичков, но свою аудиторию он быстро найдёт). Спасибо за Ваши старания !)
ох ты хорош!!! пусть у тебя всё хорошо будет!
Спасибо за видео. Поделилась со всеми знакомыми реактовцами )
Как всегда очень крутой видос! Спасибо!
- Почему отказались от такой большой зарплаты?
- Лень такие цифры считать
Владилен, ты потрясающий!
Сначала лайк! А потом только начинаем смотреть :)
Спасибо. Все основательно и подробно. Отлично подобранные примеры! Окончательно убедился, что все это добро нафиг не нужно. MobX решает все проблемы., Которые приходится контролировать вручную что в redux, что хуками.