Видос конечно интересный и нужный, но единственное что мне не нравится, так это то, что ты очень быстро делаешь подачу информации и человек, который например джун, не въедет сразу в смысл всего этого, а так лайк)
спасибо за видео react optimization реакт оптимизация кастомные хуки, хук useQueryParamsState может быть полезен для магазинов - когда клиент может фильтры и сёрчь вбить свои и скинуть знакомым - у них тож самое откроется, делали такое в проекте и все писали руками, всё оч круто и оч полезно, спасибо забрал в закрома хуки
Логичное продолжение предыдущего разбора оптимизаций хуков, Спасибо за интересный практический материал! интересно было бы еще глянуть от тебя прикладной разбор архитектур приложений на рекакт с их нюансами
Спасибо за хуки, отличный материал, единственная просьба примеры в браузеры когда показываешь делай темный фон, глаза чуть не вытекли, под предыдущем еще хотел об этом написать забыл=) Спасибо useState | React Hooks
Классное видео, только так и не понял для чего может понадобиться использовать map или set, вы упомянули что за всю карьеру таких кейсов у вас было 3-4, было бы интересно услышать о них
15:19 не лучше ли будет для обновления query параметров использовать встроенный метод URLSearchParams: set(name, value)? Вариант с конкатенацией знака вопроса выглядит немного костыльно. Поясните, пожалуйста, если не прав.
А URLSearchParams же отдает как раз параметры без знака вопроса (тут он и используется в функции setSearchParam). ``` new URLSearchParams({a: 5, b: 'asdf'}).toString(); // 'a=5&b=asdf' ``` Или ты про какой-то другой способ?
@@ayub_begimkulov не, я не про получение этих параметров, а наоборот задание. В видео используется history.pushState(), а можно было URLSearchParams.set(). В таком случае не пришлось бы добавлять знак вопроса и передавать в pushState null и пустую строку, т.к. это тоже немного сбивает с толку (особенно если ты с этим методом никогда не работал)
Привет. Да просто из-за удобства. А как ты здесь еще напишешь? Фукнция, которая возвращает объект? Это то же ооп будет, только менее удобное. Ну и класс в ТС еще сразу типизацию создает.
Спасибо, все из реальной жизни. Почему isMounted не встроен все еще в useState? Только варнинг повесили. И постоянно приходиться в кастомный оборачивать
Я думаю это специально. Потому что если бы он не выдавал ворнинг - тогда бы была возможность того, что ты не отпишешься от того же интервала, например.
только начал смотреть, но уже возникло желание переименовать useIsMountend вот что-то типа useLifecycle и возвращать enum состояний. давно уже ничего не писал на реакте и вообще на js/ts и вот смотрю на эти все хуки и кажутся они мне костылями страшными... зачем было хоронить классовые компоненты?
Не очень понял зачем нужен useSafeState, не проще ли использовать AbortController, чтобы при переходе на другую страницу просто отменить запрос? Данные так же не будут добавляться в state, если запрос не завершился. Я использую похожий хук, но с прерыванием запроса
👍👍👍, когда начинал с react ，такого контента и платно нельзя было найти. По крупицам узнавал стоящую информацию. 🛰🛸🚀🚀🚀Сколько статей индусов я прочитал тогда ктобы знал😂😂😂Потому что на русском не было них...👍👍👍
Айуб привет, у меня такой вопрос. Можно ли как то совместить React Query с Redux Toolkit? Когда фетчишь через реакт куери useEffect не нужен, а когда просто фетчишь с Redux useEffect нужен
Совмещать можно. Обычно реально глобальные данные в стор хранят, а остальное в query держат. Но я думаю redux-toolkit тут будет слишком большим. Можешь на zustand и jotai взглянуть.
@@ayub_begimkulov Cпасибо огромное. Для каких целей именно подходит Redux Toolkit? меня научили только фетчить с Async Thunk и хранить это в сторе. Eсть видео с применением? Bли сможешь сделать? Просто в интернете нет подробных гайдов не точто подробных, а масштабных.
Видос конечно интересный и нужный, но единственное что мне не нравится, так это то, что ты очень быстро делаешь подачу информации и человек, который например джун, не въедет сразу в смысл всего этого, а так лайк)
Являясь джуном понятия не имею о чем речь😂
Наконец-то появился хоть кто-то, кто делает контент не для джунов, а то одни тудулисты на ютубе.
Я, кстати, при объяснении какой-то темы тоже часто туду лист юзаю в качестве примера)
@@ayub_begimkulov но ты скорее на примере тудулиста объясняешь сложные темы, а не просто тудулист на реакте за 15 минут, которых на ютубе уже тысячи.
Снасибо. Полезное видео, хорошее, подробное объяснение. Было интересно посмотреть
Рад, что понравилось!
Спасибо большое за качественный контент!
спасибо за видео react optimization реакт оптимизация кастомные хуки, хук useQueryParamsState может быть полезен для магазинов - когда клиент может фильтры и сёрчь вбить свои и скинуть знакомым - у них тож самое откроется, делали такое в проекте и все писали руками, всё оч круто и оч полезно, спасибо забрал в закрома хуки
Рад помочь)
Логичное продолжение предыдущего разбора оптимизаций хуков, Спасибо за интересный практический материал!
интересно было бы еще глянуть от тебя прикладной разбор архитектур приложений на рекакт с их нюансами
Спасибо за фидбэк! По архитектуре будет видео.
Спасибо за твои уроки Айюб!
Не за что)
вау! тс добавил прям этого я и ждал. спасибос!
рад, что понравилось!
👏👍
Видео очень полезное, спасибо за контент
Рад, что понравилось!
Как всегда полезное видео. Планируешь какой-нибудь курс по реакту? Хотел бы увидеть разработку кого-нибудь сложного приложения в твоем исполнении)
Спасибо! По поводу курса пока ничего сказать не могу. А вот разработку приложения можно попробовать сделать на стриме.
комментарий в поддержку канала
Спасибо!
Спасибо за хуки, отличный материал, единственная просьба примеры в браузеры когда показываешь делай темный фон, глаза чуть не вытекли, под предыдущем еще хотел об этом написать забыл=) Спасибо useState | React Hooks
Спасибо за фидбэк! Принял, постараюсь деражть все в темной теме.
А это потому что рекомендуется делать при работе яркость 120 Кд, это примерно 30-40% на мониторе. А у вас сколько, 70 стоит?
Спасибо!
не за что)
Классное видео, только так и не понял для чего может понадобиться использовать map или set, вы упомянули что за всю карьеру таких кейсов у вас было 3-4, было бы интересно услышать о них
❤🎉
Спасибо!
15:19 не лучше ли будет для обновления query параметров использовать встроенный метод URLSearchParams: set(name, value)? Вариант с конкатенацией знака вопроса выглядит немного костыльно. Поясните, пожалуйста, если не прав.
А URLSearchParams же отдает как раз параметры без знака вопроса (тут он и используется в функции setSearchParam).
```
new URLSearchParams({a: 5, b: 'asdf'}).toString();
// 'a=5&b=asdf'
```
Или ты про какой-то другой способ?
@@ayub_begimkulov не, я не про получение этих параметров, а наоборот задание. В видео используется history.pushState(), а можно было URLSearchParams.set(). В таком случае не пришлось бы добавлять знак вопроса и передавать в pushState null и пустую строку, т.к. это тоже немного сбивает с толку (особенно если ты с этим методом никогда не работал)
Кажется, в useMap и useSet проще использовать Proxy. Особенно в свете добавления им новых методов.
Да, с Proxy реально по лучше будет. Хорошая идея. Спасибо, что поделился!
привет)
возник вопрос, почему используются классы при создании хуков для local и session storage?)
Привет. Да просто из-за удобства. А как ты здесь еще напишешь? Фукнция, которая возвращает объект? Это то же ооп будет, только менее удобное. Ну и класс в ТС еще сразу типизацию создает.
@@ayub_begimkulov ничего против классов не имею)
стало интересно, может тут сокрыт сакральный смысл))
пасибо за ответ и годный контент)
Спасибо, все из реальной жизни. Почему isMounted не встроен все еще в useState? Только варнинг повесили. И постоянно приходиться в кастомный оборачивать
Я думаю это специально. Потому что если бы он не выдавал ворнинг - тогда бы была возможность того, что ты не отпишешься от того же интервала, например.
на web обертку юзают в основном от варнингов спасаясь, но в react native если еффекты cтейт дергают, то без этой обертки никак, js поток лагает
только начал смотреть, но уже возникло желание переименовать useIsMountend вот что-то типа useLifecycle и возвращать enum состояний. давно уже ничего не писал на реакте и вообще на js/ts и вот смотрю на эти все хуки и кажутся они мне костылями страшными... зачем было хоронить классовые компоненты?
must have хуки
Спасибо!
Не очень понял зачем нужен useSafeState, не проще ли использовать AbortController, чтобы при переходе на другую страницу просто отменить запрос? Данные так же не будут добавляться в state, если запрос не завершился. Я использую похожий хук, но с прерыванием запроса
Можно и AbortController юзать, разницы нету. Я просто дал еще один вариант решения проблемы.
Спасибо за отличный контент.
Под какой лицензией подаешь эти хуки :) Можно сп@ионерить и использовать в коммерческих приложениях :)?
Под "делай что хочешь, но если что - я не виноват". А так да, используй, где хочешь, для этого же и нужен видос.
👍👍👍, когда начинал с react ，такого контента и платно нельзя было найти. По крупицам узнавал стоящую информацию. 🛰🛸🚀🚀🚀Сколько статей индусов я прочитал тогда ктобы знал😂😂😂Потому что на русском не было них...👍👍👍
хахах, спасибо за фидбэк!
Айуб привет, у меня такой вопрос. Можно ли как то совместить React Query с Redux Toolkit? Когда фетчишь через реакт куери useEffect не нужен, а когда просто фетчишь с Redux useEffect нужен
Совмещать можно. Обычно реально глобальные данные в стор хранят, а остальное в query держат. Но я думаю redux-toolkit тут будет слишком большим. Можешь на zustand и jotai взглянуть.
@@ayub_begimkulov Cпасибо огромное. Для каких целей именно подходит Redux Toolkit? меня научили только фетчить с Async Thunk и хранить это в сторе. Eсть видео с применением? Bли сможешь сделать? Просто в интернете нет подробных гайдов не точто подробных, а масштабных.
Айюб, привет! Существует такая либа, как react-query. Хотелось бы узнать твое мнение об этой библиотеке и узнать возможен ли выход видео о ней
Привет. Либа Крутая, про видео - можно подумать, запишу себе.
Что значит демонтирован? Я это понимаю как будто дали компоненту innerHTML = " "
Это означает, что компонента больше нету в виртуальном и реальном DOM. В целом, примерно тоже самое, что и очистка innerHTML.
Очень сложно уследить за твоими мыслями, хотя я не джун) не представляю, какого им, для Джунов явно ты не подходишь)
Это в первый раз в моей жизни, мне кажется, когда я кого-либо смотрю на 0.75 в программировании)
Над речью надо поработать еще, часто пишут) Я думаю в ближайших видео уже должно лучше стать. Спасибо за фидбэк!
Обидная ошибка в слове на превьюшке 😅
Спасибо, поправил.
@@ayub_begimkulov 😊
Невозможно слушать этот поток слов без остановки
Меня иногда аж укачивает))) 😂😂😂
Да, часто вижу подобный фидбэк. Постараюсь поработать над речью! Спасибо большое за фидбэк)
useMap - кринжуха!
Почему?)