Тёмный

МОИ ТОП 6 ХУКОВ оберток над useState | React Hooks 

Ayub Begimkulov
Подписаться 11 тыс.
Просмотров 6 тыс.
50% 1

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@just__did__it
@just__did__it Год назад
Наконец-то появился хоть кто-то, кто делает контент не для джунов, а то одни тудулисты на ютубе.
@ayub_begimkulov
@ayub_begimkulov Год назад
Я, кстати, при объяснении какой-то темы тоже часто туду лист юзаю в качестве примера)
@just__did__it
@just__did__it Год назад
@@ayub_begimkulov но ты скорее на примере тудулиста объясняешь сложные темы, а не просто тудулист на реакте за 15 минут, которых на ютубе уже тысячи.
@ruslanstupak7625
@ruslanstupak7625 Год назад
Видос конечно интересный и нужный, но единственное что мне не нравится, так это то, что ты очень быстро делаешь подачу информации и человек, который например джун, не въедет сразу в смысл всего этого, а так лайк)
@Abilovv599
@Abilovv599 Год назад
Являясь джуном понятия не имею о чем речь😂
@levsonc
@levsonc Год назад
Кажется, в useMap и useSet проще использовать Proxy. Особенно в свете добавления им новых методов.
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, с Proxy реально по лучше будет. Хорошая идея. Спасибо, что поделился!
@sharkman6434
@sharkman6434 Год назад
спасибо за видео react optimization реакт оптимизация кастомные хуки, хук useQueryParamsState может быть полезен для магазинов - когда клиент может фильтры и сёрчь вбить свои и скинуть знакомым - у них тож самое откроется, делали такое в проекте и все писали руками, всё оч круто и оч полезно, спасибо забрал в закрома хуки
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад помочь)
@klubkov
@klubkov Год назад
Как всегда полезное видео. Планируешь какой-нибудь курс по реакту? Хотел бы увидеть разработку кого-нибудь сложного приложения в твоем исполнении)
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо! По поводу курса пока ничего сказать не могу. А вот разработку приложения можно попробовать сделать на стриме.
@vladimirhog6228
@vladimirhog6228 Год назад
Спасибо, все из реальной жизни. Почему isMounted не встроен все еще в useState? Только варнинг повесили. И постоянно приходиться в кастомный оборачивать
@ayub_begimkulov
@ayub_begimkulov Год назад
Я думаю это специально. Потому что если бы он не выдавал ворнинг - тогда бы была возможность того, что ты не отпишешься от того же интервала, например.
@vladimirhog6228
@vladimirhog6228 Год назад
на web обертку юзают в основном от варнингов спасаясь, но в react native если еффекты cтейт дергают, то без этой обертки никак, js поток лагает
@МакарийПереймак
Классное видео, только так и не понял для чего может понадобиться использовать map или set, вы упомянули что за всю карьеру таких кейсов у вас было 3-4, было бы интересно услышать о них
@luckystrike91
@luckystrike91 Год назад
только начал смотреть, но уже возникло желание переименовать useIsMountend вот что-то типа useLifecycle и возвращать enum состояний. давно уже ничего не писал на реакте и вообще на js/ts и вот смотрю на эти все хуки и кажутся они мне костылями страшными... зачем было хоронить классовые компоненты?
@jamjam3337
@jamjam3337 Год назад
👏👍
@v.demchenko
@v.demchenko Год назад
Что значит демонтирован? Я это понимаю как будто дали компоненту innerHTML = " "
@ayub_begimkulov
@ayub_begimkulov Год назад
Это означает, что компонента больше нету в виртуальном и реальном DOM. В целом, примерно тоже самое, что и очистка innerHTML.
@ДмитрийСтавер-м3ч
Не очень понял зачем нужен useSafeState, не проще ли использовать AbortController, чтобы при переходе на другую страницу просто отменить запрос? Данные так же не будут добавляться в state, если запрос не завершился. Я использую похожий хук, но с прерыванием запроса
@ayub_begimkulov
@ayub_begimkulov Год назад
Можно и AbortController юзать, разницы нету. Я просто дал еще один вариант решения проблемы.
@smartestbox
@smartestbox Год назад
Обидная ошибка в слове на превьюшке 😅
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо, поправил.
@smartestbox
@smartestbox Год назад
@@ayub_begimkulov 😊
@sergei_sergeevu4
@sergei_sergeevu4 Год назад
Спасибо большое за качественный контент!
@ножикМакс
@ножикМакс Год назад
useMap - кринжуха!
@ayub_begimkulov
@ayub_begimkulov Год назад
Почему?)
@2difficult2do
@2difficult2do Год назад
Снасибо. Полезное видео, хорошее, подробное объяснение. Было интересно посмотреть
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад, что понравилось!
@dumopo_Lis
@dumopo_Lis Год назад
15:19 не лучше ли будет для обновления query параметров использовать встроенный метод URLSearchParams: set(name, value)? Вариант с конкатенацией знака вопроса выглядит немного костыльно. Поясните, пожалуйста, если не прав.
@ayub_begimkulov
@ayub_begimkulov Год назад
А URLSearchParams же отдает как раз параметры без знака вопроса (тут он и используется в функции setSearchParam). ``` new URLSearchParams({a: 5, b: 'asdf'}).toString(); // 'a=5&b=asdf' ``` Или ты про какой-то другой способ?
@dumopo_Lis
@dumopo_Lis Год назад
⁠@@ayub_begimkulov не, я не про получение этих параметров, а наоборот задание. В видео используется history.pushState(), а можно было URLSearchParams.set(). В таком случае не пришлось бы добавлять знак вопроса и передавать в pushState null и пустую строку, т.к. это тоже немного сбивает с толку (особенно если ты с этим методом никогда не работал)
@STwegas
@STwegas Год назад
Логичное продолжение предыдущего разбора оптимизаций хуков, Спасибо за интересный практический материал! интересно было бы еще глянуть от тебя прикладной разбор архитектур приложений на рекакт с их нюансами
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за фидбэк! По архитектуре будет видео.
@ИванВешкин-ш4з
@ИванВешкин-ш4з Год назад
привет) возник вопрос, почему используются классы при создании хуков для local и session storage?)
@ayub_begimkulov
@ayub_begimkulov Год назад
Привет. Да просто из-за удобства. А как ты здесь еще напишешь? Фукнция, которая возвращает объект? Это то же ооп будет, только менее удобное. Ну и класс в ТС еще сразу типизацию создает.
@ИванВешкин-ш4з
@ИванВешкин-ш4з Год назад
@@ayub_begimkulov ничего против классов не имею) стало интересно, может тут сокрыт сакральный смысл)) пасибо за ответ и годный контент)
@rustamakhmetyanov4404
@rustamakhmetyanov4404 Год назад
Спасибо за хуки, отличный материал, единственная просьба примеры в браузеры когда показываешь делай темный фон, глаза чуть не вытекли, под предыдущем еще хотел об этом написать забыл=) Спасибо useState | React Hooks
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо за фидбэк! Принял, постараюсь деражть все в темной теме.
@VolodkaBobovich
@VolodkaBobovich 9 месяцев назад
А это потому что рекомендуется делать при работе яркость 120 Кд, это примерно 30-40% на мониторе. А у вас сколько, 70 стоит?
@druf5962
@druf5962 Год назад
вау! тс добавил прям этого я и ждал. спасибос!
@ayub_begimkulov
@ayub_begimkulov Год назад
рад, что понравилось!
@mercury_2379
@mercury_2379 Год назад
комментарий в поддержку канала
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@gxdel
@gxdel Год назад
Видео очень полезное, спасибо за контент
@ayub_begimkulov
@ayub_begimkulov Год назад
Рад, что понравилось!
@GagikHarutyunyan_dev
@GagikHarutyunyan_dev Год назад
must have хуки
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@kirillboychenko7724
@kirillboychenko7724 Год назад
Спасибо за твои уроки Айюб!
@ayub_begimkulov
@ayub_begimkulov Год назад
Не за что)
@PowWowVideo
@PowWowVideo Год назад
Спасибо за отличный контент. Под какой лицензией подаешь эти хуки :) Можно сп@ионерить и использовать в коммерческих приложениях :)?
@ayub_begimkulov
@ayub_begimkulov Год назад
Под "делай что хочешь, но если что - я не виноват". А так да, используй, где хочешь, для этого же и нужен видос.
@МарияЧерешня-у2й
❤🎉
@ayub_begimkulov
@ayub_begimkulov Год назад
Спасибо!
@alexanderkomanov4151
@alexanderkomanov4151 Год назад
Спасибо!
@ayub_begimkulov
@ayub_begimkulov Год назад
не за что)
@kimanowka
@kimanowka Год назад
Очень сложно уследить за твоими мыслями, хотя я не джун) не представляю, какого им, для Джунов явно ты не подходишь)
@e_viskhan
@e_viskhan Год назад
Это в первый раз в моей жизни, мне кажется, когда я кого-либо смотрю на 0.75 в программировании)
@ayub_begimkulov
@ayub_begimkulov Год назад
Над речью надо поработать еще, часто пишут) Я думаю в ближайших видео уже должно лучше стать. Спасибо за фидбэк!
@Abilovv599
@Abilovv599 Год назад
Айуб привет, у меня такой вопрос. Можно ли как то совместить React Query с Redux Toolkit? Когда фетчишь через реакт куери useEffect не нужен, а когда просто фетчишь с Redux useEffect нужен
@ayub_begimkulov
@ayub_begimkulov Год назад
Совмещать можно. Обычно реально глобальные данные в стор хранят, а остальное в query держат. Но я думаю redux-toolkit тут будет слишком большим. Можешь на zustand и jotai взглянуть.
@Abilovv599
@Abilovv599 Год назад
@@ayub_begimkulov Cпасибо огромное. Для каких целей именно подходит Redux Toolkit? меня научили только фетчить с Async Thunk и хранить это в сторе. Eсть видео с применением? Bли сможешь сделать? Просто в интернете нет подробных гайдов не точто подробных, а масштабных.
@СержСерж-з6ц
@СержСерж-з6ц Год назад
Невозможно слушать этот поток слов без остановки
@ИгорьНово
@ИгорьНово Год назад
Меня иногда аж укачивает))) 😂😂😂
@ayub_begimkulov
@ayub_begimkulov Год назад
Да, часто вижу подобный фидбэк. Постараюсь поработать над речью! Спасибо большое за фидбэк)
@gxdel
@gxdel Год назад
Айюб, привет! Существует такая либа, как react-query. Хотелось бы узнать твое мнение об этой библиотеке и узнать возможен ли выход видео о ней
@ayub_begimkulov
@ayub_begimkulov Год назад
Привет. Либа Крутая, про видео - можно подумать, запишу себе.
@fedordostoevskiy4209
@fedordostoevskiy4209 Год назад
👍👍👍, когда начинал с react ,такого контента и платно нельзя было найти. По крупицам узнавал стоящую информацию. 🛰🛸🚀🚀🚀Сколько статей индусов я прочитал тогда ктобы знал😂😂😂Потому что на русском не было них...👍👍👍
@ayub_begimkulov
@ayub_begimkulov Год назад
хахах, спасибо за фидбэк!
Далее
titan tvman's plan (skibidi toilet 77)
01:00
Просмотров 6 млн
▼ КАПИТАН НАШЁЛ НЕФТЬ В 🍑
33:40
Просмотров 431 тыс.
Разбираемся в React JSX
13:49
Просмотров 8 тыс.
ALL React Hooks Explained in 12 Minutes
12:21
Просмотров 133 тыс.
titan tvman's plan (skibidi toilet 77)
01:00
Просмотров 6 млн