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

В данном видео мы поговорим про мои топ 6 оберток над useState. Разберем, что это за хуки, для чего они нужны, и как они помогут решать наши проблемы.

Код из видео:

Видео про хук useEvent:

Telegram-канал:

Таймкоды:
00:00-00:24 - Интро
00:24-01:11 - Список хуков
01:11-06:15 - useSafeState
06:15-08:21 - useQueryParamsState - пример
08:21-17:02 - useQueryParamsState - код
17:02-21:11 - обертки для local/session storage
21:11-24:25 - useLocal/SessionStorage
24:25-29:45 - useMap/useSet - код
29:45-31:43 - useMap/useSet - пример
31:43-32:07 - Заключение

[ruslanstupak]

Видос конечно интересный и нужный, но единственное что мне не нравится, так это то, что ты очень быстро делаешь подачу информации и человек, который например джун, не въедет сразу в смысл всего этого, а так лайк)

[just__did__it]

Наконец-то появился хоть кто-то, кто делает контент не для джунов, а то одни тудулисты на ютубе.

[difficultdo]

Снасибо. Полезное видео, хорошее, подробное объяснение. Было интересно посмотреть

[sergei_sergeevu]

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

[druf]

вау! тс добавил прям этого я и ждал. спасибос!

[STwegas]

Логичное продолжение предыдущего разбора оптимизаций хуков, Спасибо за интересный практический материал!

интересно было бы еще глянуть от тебя прикладной разбор архитектур приложений на рекакт с их нюансами

[gxdel]

Видео очень полезное, спасибо за контент

[klubkov]

Как всегда полезное видео. Планируешь какой-нибудь курс по реакту? Хотел бы увидеть разработку кого-нибудь сложного приложения в твоем исполнении)

[sharkman]

спасибо за видео react optimization реакт оптимизация кастомные хуки, хук useQueryParamsState может быть полезен для магазинов - когда клиент может фильтры и сёрчь вбить свои и скинуть знакомым - у них тож самое откроется, делали такое в проекте и все писали руками, всё оч круто и оч полезно, спасибо забрал в закрома хуки

[dumopo_Lis]

15:19 не лучше ли будет для обновления query параметров использовать встроенный метод URLSearchParams: set(name, value)? Вариант с конкатенацией знака вопроса выглядит немного костыльно. Поясните, пожалуйста, если не прав.

[МакарийПереймак]

Классное видео, только так и не понял для чего может понадобиться использовать map или set, вы упомянули что за всю карьеру таких кейсов у вас было 3-4, было бы интересно услышать о них

[rustamakhmetyanov]

Спасибо за хуки, отличный материал, единственная просьба примеры в браузеры когда показываешь делай темный фон, глаза чуть не вытекли, под предыдущем еще хотел об этом написать забыл=) Спасибо useState | React Hooks

[ИванВешкин-шз]

привет)
возник вопрос, почему используются классы при создании хуков для local и session storage?)

[levsonc]

Кажется, в useMap и useSet проще использовать Proxy. Особенно в свете добавления им новых методов.

[vladimirhog]

Спасибо, все из реальной жизни. Почему isMounted не встроен все еще в useState? Только варнинг повесили. И постоянно приходиться в кастомный оборачивать

[Abilovv]

Айуб привет, у меня такой вопрос. Можно ли как то совместить React Query с Redux Toolkit? Когда фетчишь через реакт куери useEffect не нужен, а когда просто фетчишь с Redux useEffect нужен

[ДмитрийСтавер-мч]

Не очень понял зачем нужен useSafeState, не проще ли использовать AbortController, чтобы при переходе на другую страницу просто отменить запрос? Данные так же не будут добавляться в state, если запрос не завершился. Я использую похожий хук, но с прерыванием запроса

[gxdel]

Айюб, привет! Существует такая либа, как react-query. Хотелось бы узнать твое мнение об этой библиотеке и узнать возможен ли выход видео о ней

[luckystrike]

только начал смотреть, но уже возникло желание переименовать useIsMountend вот что-то типа useLifecycle и возвращать enum состояний. давно уже ничего не писал на реакте и вообще на js/ts и вот смотрю на эти все хуки и кажутся они мне костылями страшными... зачем было хоронить классовые компоненты?

[v.demchenko]

Что значит демонтирован? Я это понимаю как будто дали компоненту innerHTML = " "