если что то сейчас достаточно в get-запрос написать: providesTags: ['Products'] а в post-запрос: invalidatesTags: ['Products'] - спасибо за уроки - максимально понятно
Михаил, спасибо за видео. Для меня это уже ваше третье по счету про RTK. Кратко, но достаточно, чтобы зацепиться. А дальше уже намного легче с официальными гайдами разбираться. Отличная подача материала!
Огромная благодарность за урок, всё понятно и доступно. Считаю Вас одним из лучших авторов по программированию и web разработке в целом. Да прибудет с вами сила))
кэширование, работающее из коробки, и запрос на получение всех данных при каждом удалении или добавлении выглядят очень стремно) Но, скорее всего, это все настраивается. Спасибо большое за видео!
"и запрос на получение всех данных при каждом удалении или добавлении", а как подругому? изменив данные на сервере их сразу же и нужно подгрузить, чтобы у пользователя произошли изменения
15:15 При использовании доп. параметров в endpoint'е лучше написать: "query: {limit = ""} => ({url: 'goods', params: {_limit: limit, и все остальные нужные параметры, если есть, тоже сюда, как ключ: значение}})". Это не только правильно с точки зрения RTK, но и делает код более читаемым 😉
Больше всего нравится такой стиль изложения. Ulbi tv тоже годные видосы снимает, но очень быстро все показывает и частенько приходится нажимать на паузу, чтобы понять что вообще происходит, а в твоих видео, пока ты печатаешь уже можно смысл уловить.
Михаил спасибо большое за видео, я очень жду больше информации о rtk query (например как сделать перехватчики как в axios, про middleware) да и в принципе я думаю лучше сразу с typescript показывать примеры
Просто невероятно! Очень прошу вас на основе этого видно сделать бесконечную загрузку данных при скроле. На самом деле проблема не маленькая а решения на нее не так просто и найти адекватного именно с RTK query. Был бы очень благодарен.
Привет. Присоединяюсь к поблагодарившим, в целом все четко, по полочкам, в удобно перевариваемой последовательности. Но хотелось бы уточнить, на 29:00 речь про то, что если кто-то в соседней комнате что-то удалит, то мы получим свежие данные. На сколько я понимаю, автоматом мы уже их не получим. RTK Query в нашем экземпляре приложения ничего не знает об операциях в чужом приложении.
26:13 это всё, что нужно знать про RTK Query "Мы сделали для вас новый крутой инструмент, который позволяет писать меньше кода, но выучите миллион новых синтаксисов под каждый конкретный случай". Это всё конечно здорово звучит, но ровно до тех пор, пока у вас простой CRUD, а не большое сложное приложение, где вы можете в респонсе синхронизировать много данных. На мой сугубо личный взгляд, связка redux-toolkit + классическая redux-saga + axios - это лучшая сборка для вашего проекта.
Спасибо автору за весь контент очень понятно и информативно. Такой вопрос RTK Quary это замена или альтернатива Thunk? просто по функционалу в RTK Quary больше возможностей и упрощений под капотом и его (как я понял) лучше использовать в компонентах, а Thunk более настраеваемая вещь которая работает в сугубо в слайсах. Как я понял если все упростить то в случаи: RTK Quary сначала грузиться компонент => идет запрос на сервер => выполняется логика компонента => меняется стейт в сторе redux . Thunk Сначала делаеться запрос на сервер => меняеться стейт в сторе => грузиться компонент => Выполняеться логика компонента Буду рад если скоректируете моё понимание об этих 2х расширениях, так как пока не могу понять что нужно и в какие моменты использовать и как их между собой связывать и нужно ли? Зарание спасибо.
на многих ютуб гайдах часто вместо с rtk query еще и axios фигачат. есть ли реальный смысл аксиос юзать или rtk query самодостаточен? спс за видос, один из лучших сенсеев на ютубе
@@kawaikaino5277 ты прав, но это очень удобно. Можно смотреть внутренности в документации, но и она меняется постоянно) так что один глаз в доку, а другой на код)
Спасибо за видео!!! Как быть если нужно получить объект с сервера..., пользователь его редактирует и только потом делаем запрос на обновление, как в таком случае использовать RTK Query?
Не уверен, что после удаления или добавления объекта прямо настолько круто делать еще запрос на получение всех продуктов. Если объектов много, то они постоянно будут запрашиваться. Или это не так работает?
Спасибо за обратную связь. По websocket пока не планирую. Просто потому, что серьёзно с ним не работал. Возможно на одном из проектов по работе он пригодится, тогда будет пища для видео. Сейчас квалификации не хватит.
Очень доступно! А можно эти получаемые данные диспачить в стейт, определенный в каком-либо слайсе, и по необходимости использовать? Или хуки RTK Query сами являются таким хранилищем, которое можно подключать и использовать в нужных местах приложения?
Без "unwrap", все "isError" или "isLoading" будут работать. unwrap нужен для получения респонса или объекта ошибки из промиса. Calling the "mutation trigger" returns a promise with an unwrap property, which can be called to unwrap the mutation call and provide the raw response/error. This can be useful if you wish to determine whether the mutation succeeds/fails inline at the call-site.
Не кажется что все же есть проблема, в том что происходят дополнительные запросы и перерендер всего, допустим вы обновили какой-то список, как обычно делается: обновляете данные на UI , UI Отправляет запрос на обновление не важно как он просто передает данные в API, при положительном ответе просто по id или индесу обновляешь данные, на UI обновляется только тот маленький компонент к которому привязан елемент из списка. В RTK Query после обновления происходит перерендер всего, что связано с этим списком и к тому же еще происходит запрос дополнительный на сервер, при том что сервер уже до этого сказал, что ты обновил, и у тебя по факту есть уже данные новые, но мы все равно делаем запрос. А если посложней пример, у вас есть сущьность "profile" у этой сущности есть какие-то данные и привязана сущьность "services" - это сущность допустим большой массив который мы мапим где-то на UI, из "profile" мы берем какие-то данные и показываем допустим где-то в хедере имя пользовотеля и тд а хедер находится естествено в корне апп, получается мы хотим обновить одну запись в "services" , тогда ререндер будет всего париложения к тому же будет заново мапить "services", это разве не дорого? При удалении вместо того, что бы просто при положительном ответе с сервера, удалить запись по id или индексу в приложении, приложение будет делать запросы ненужные и ререндерить полностьюб,Не знаю Не знаю, не всё так хорошо как кажется на первый взгляд, как мне кажется.
Не понял, а что, в RTK Query, GET запросы можно делать только автоматически при рендере компонента? А что если мне нужно сделать GET запрос при клике на кнопку? RTK Query так может?
Может, через useLazyQuery. Такой хук имеет trigger, через него можно сделать fetch данных при клике на кнопку (по сути работает также, как и mutation).
Этот коментарий создан в качестве уважения автору и для продвижения его канала.
Этот ответ создан, чтобы поблагодарить автора комментария =)
Самое потрясающее и понятное объяснение RTK Query!
Такое видео должно быть в официальной документации!
Самые адекватные уроки на ютубе. Без воды, все четко понятно человеческим языком
Самое понятное и краткое объяснение. Обожаю автора, все нравится, от тембра голоса до логики объяснения, супер!
Очень круто и актуально, то что нужно было!!! еще бы с TS и тогда полный кайф был бы)
Эм, какой смысл сейчас вообще без ts делать ? Сейчас все начинают на ts делать , видео какое то неполное получаеться
в действительности, там всё легко типизируется. Пришлось бы dto описать, что заняло бы еще какое то время урока
если что то сейчас достаточно в get-запрос написать: providesTags: ['Products'] а в post-запрос: invalidatesTags: ['Products'] - спасибо за уроки - максимально понятно
Огромное спасибо🥰
Теперь у меня заработало автообнобление
Спасибо большое!
Спасибо большое за урок! У тебя отлично получается объяснять не самые лёгкие вещи, не самым продвинутым юзерам)
Честное слово, это самое вменяемое объяснение данной темы! Огромнейшее спасибо!
Михаил, спасибо за видео. Для меня это уже ваше третье по счету про RTK. Кратко, но достаточно, чтобы зацепиться. А дальше уже намного легче с официальными гайдами разбираться. Отличная подача материала!
Огромная благодарность за урок, всё понятно и доступно.
Считаю Вас одним из лучших авторов по программированию и web разработке в целом.
Да прибудет с вами сила))
Автору браво. Это самое понятное обьяснение ртк квери что я только видел в рунете.
i'm not understand your language but understand the whole video it's too simple and amazing.thanks for sharing
Михаил, спасибо вам за обучающие ролики! Всегда доступно и понятно!
Респект за усилия с которыми Вы доносите материал!
кэширование, работающее из коробки, и запрос на получение всех данных при каждом удалении или добавлении выглядят очень стремно)
Но, скорее всего, это все настраивается. Спасибо большое за видео!
"и запрос на получение всех данных при каждом удалении или добавлении", а как подругому?
изменив данные на сервере их сразу же и нужно подгрузить, чтобы у пользователя произошли изменения
@@REDH3ADd согласен, когда суть библиотеки это перенос состояния на бэк такой коммент выглядит как минимум забавно)
Просто по божески объяснил! Моё величайшее почтение
И правда, RTK Query - крутейший инструмент! Спасибо за разжеванное объяснение!
Достаточно детально и ёмко изложено, очень легко вникать. Большое спасибо!
я присоединясь к множеству одобрильных отзывов, браво!
очень крутой инструмент и очень понятно рассказан. очень хотелось бы подробно изучить все возможности RTK Query.
Как раз думал по этой проблеме, я фуллстэк разраб. Думал как связывать бд и редакс. Контент простой для понятия, автору большой респект ❤❤❤
раньше признавал только ulbi) Теперь + к нему еще и Миша) лайк оставил, комен оставил, видео лот корки до корки посмотрел) спасибо большое!
спасибо, большое! объяснение на высшем уровне! желаю вам крепкого здоровье!
15:15 При использовании доп. параметров в endpoint'е лучше написать: "query: {limit = ""} => ({url: 'goods', params: {_limit: limit, и все остальные нужные параметры, если есть, тоже сюда, как ключ: значение}})". Это не только правильно с точки зрения RTK, но и делает код более читаемым 😉
Вау! Хорош! И структура информации и подача мне нравится! Однозначно подписка!
Спасибо большое вам за этот урок. Было очень понятно. Ставлю лайк ❤
Супер понятное и подробное объяснение!!! Спасибо!
Больше всего нравится такой стиль изложения. Ulbi tv тоже годные видосы снимает, но очень быстро все показывает и частенько приходится нажимать на паузу, чтобы понять что вообще происходит, а в твоих видео, пока ты печатаешь уже можно смысл уловить.
Спасибо. Очень подробно и главное все понятно.
Михаил большое спасибо за Ваши труды, как всегда вовремя) приобрел 4 Ваших курса на степике)
Большое спасибо за отличное объяснение такой непростой вещи
Респект за уроки, одни из самых лучших на ютубе
Спасибо, Михаил за понятное объяснение!!!
Классная вещь!!!
Максимально доступно, понятно и интересно. Спасибо, Михаил!!!
Мишаня, ты прекрасно подаешь информацию, продолжай дальше просвещать нас!
объясняете просто супер! все четко и понятно, спасибо!
Насколько же вы шикарно преподносите информацию❤
Михаил, спасибо за труд
Михаил спасибо большое за видео, я очень жду больше информации о rtk query (например как сделать перехватчики как в axios, про middleware) да и в принципе я думаю лучше сразу с typescript показывать примеры
Круто! сложное - простыми словами!
Хорошее видео, спасибо автору!
Спасибо за урок, доступный, понятный материал за короткое время, хорошая работа 💪💪💪👍👍👍
Хорошее объяснение! Понял! Спасибо!
спасибо, отличный разбор темы!
очень классный и понятный урок, большое спасибо!
Очень хорошо объясняешь, очень нужные вещи, спасибо
спасибо большое)больше про редакс тулкит, очень полезные знания
Очень доходчиво объяснено!!!Спасибо!!!
Очень круто объяснил, спасибо!
супер объяснение, благодарю!!!
Очень крутая штука!!! Только закончил пет проджект с этой фичей ! Спасибо актуальный контент!
Спасибо 👍🏻, после zustand начал понимать работу Redux, а дальше Redux toolkit там и до крольече норы можно дайте.
Спасибо вам, как раз с РТК работаю, буду внедрять!
Крутой вы, лайкнул, спасибо вам, желаю успехов!
Все это очень круто, единственное, пожалуйста, переключись на dark mode ))
Просто невероятно! Очень прошу вас на основе этого видно сделать бесконечную загрузку данных при скроле. На самом деле проблема не маленькая а решения на нее не так просто и найти адекватного именно с RTK query. Был бы очень благодарен.
Блин, как же это круто! Спасибо огромное! ОХх... )
Спасибо за Вашу работу.
Отличные гайды! Спасибо!
Да уж ашалеть, и по редакс тулкит, и по редакс квери и по материал юай всё по делу, без воды в лайв режиме, моё почтение и уважение сэр👊
Самое лучшее объяснение из всех!
Этот комментарий создан в качестве уважения автору и для продвижения его канала.
Спасибо большое. Круто!
Привет. Присоединяюсь к поблагодарившим, в целом все четко, по полочкам, в удобно перевариваемой последовательности. Но хотелось бы уточнить, на 29:00 речь про то, что если кто-то в соседней комнате что-то удалит, то мы получим свежие данные. На сколько я понимаю, автоматом мы уже их не получим. RTK Query в нашем экземпляре приложения ничего не знает об операциях в чужом приложении.
Спасибо за видео!
26:13 это всё, что нужно знать про RTK Query
"Мы сделали для вас новый крутой инструмент, который позволяет писать меньше кода, но выучите миллион новых синтаксисов под каждый конкретный случай".
Это всё конечно здорово звучит, но ровно до тех пор, пока у вас простой CRUD, а не большое сложное приложение, где вы можете в респонсе синхронизировать много данных.
На мой сугубо личный взгляд, связка redux-toolkit + классическая redux-saga + axios - это лучшая сборка для вашего проекта.
Гранд мерси. Что значит большое спасибо )
Спасибо. Хорошее видео.
18:38 - Говоря об айди, недавно узнал, что в RTK еще есть nanoid() который тоже можно импортировать для создания ID
Класс! Суперкруто!
Кааааайф! Спасибо!
Крутой видос, спасибо!
Спасибо автору за весь контент очень понятно и информативно.
Такой вопрос RTK Quary это замена или альтернатива Thunk?
просто по функционалу в RTK Quary больше возможностей и упрощений под капотом и его (как я понял) лучше использовать в компонентах, а Thunk более настраеваемая вещь которая работает в сугубо в слайсах.
Как я понял если все упростить то в случаи:
RTK Quary
сначала грузиться компонент => идет запрос на сервер => выполняется логика компонента => меняется стейт в сторе redux .
Thunk
Сначала делаеться запрос на сервер => меняеться стейт в сторе => грузиться компонент => Выполняеться логика компонента
Буду рад если скоректируете моё понимание об этих 2х расширениях, так как пока не могу понять что нужно и в какие моменты использовать и как их между собой связывать и нужно ли?
Зарание спасибо.
на многих ютуб гайдах часто вместо с rtk query еще и axios фигачат. есть ли реальный смысл аксиос юзать или rtk query самодостаточен? спс за видос, один из лучших сенсеев на ютубе
Круто!!!
Ждём RTK Query TS)
Спасибо 👍🏿
Капец как удобно! Правда придётся многое переписывать))
Все прячется под капот, иногда мне кажется что это является проблемой
@@kawaikaino5277 ты прав, но это очень удобно. Можно смотреть внутренности в документации, но и она меняется постоянно) так что один глаз в доку, а другой на код)
Спасибо за видео!!!
Как быть если нужно получить объект с сервера..., пользователь его редактирует и только потом делаем запрос на обновление, как в таком случае использовать RTK Query?
Не уверен, что после удаления или добавления объекта прямо настолько круто делать еще запрос на получение всех продуктов. Если объектов много, то они постоянно будут запрашиваться. Или это не так работает?
Смотрю на 1.5 скорости, норм
Man you are the best!
Очень круто!! Спасибо за такую качественную работу!!!Можно попросить сделать видосик связки rtk querry и websocket?
Спасибо за обратную связь. По websocket пока не планирую. Просто потому, что серьёзно с ним не работал. Возможно на одном из проектов по работе он пригодится, тогда будет пища для видео. Сейчас квалификации не хватит.
от души like
nice one,keep doing that!
Михаил, спасибо!! Пушка, огонь, пожар!
Спасибо, Михаил!
Хорош
Досмотрел до 21:02
Большое спасибо. Все просто и понятно.
А про React Query расскажите? 😊
Со временем =)
фишка в конце "НАПОМНЮ, что мня зовут Михаил НЕПОМНЯЩИЙ"
Очень доступно!
А можно эти получаемые данные диспачить в стейт, определенный в каком-либо слайсе, и по необходимости использовать? Или хуки RTK Query сами являются таким хранилищем, которое можно подключать и использовать в нужных местах приложения?
тоже интересно
привет, узнал? что то у меня не получается диспатчить
Без "unwrap", все "isError" или "isLoading" будут работать. unwrap нужен для получения респонса или объекта ошибки из промиса.
Calling the "mutation trigger" returns a promise with an unwrap property, which can be called to unwrap the mutation call and provide the raw response/error. This can be useful if you wish to determine whether the mutation succeeds/fails inline at the call-site.
господи ты бог)
Не кажется что все же есть проблема, в том что происходят дополнительные запросы и перерендер всего, допустим вы обновили какой-то список, как обычно делается: обновляете данные на UI , UI Отправляет запрос на обновление не важно как он просто передает данные в API, при положительном ответе просто по id или индесу обновляешь данные, на UI обновляется только тот маленький компонент к которому привязан елемент из списка. В RTK Query после обновления происходит перерендер всего, что связано с этим списком и к тому же еще происходит запрос дополнительный на сервер, при том что сервер уже до этого сказал, что ты обновил, и у тебя по факту есть уже данные новые, но мы все равно делаем запрос. А если посложней пример, у вас есть сущьность "profile" у этой сущности есть какие-то данные и привязана сущьность "services" - это сущность допустим большой массив который мы мапим где-то на UI, из "profile" мы берем какие-то данные и показываем допустим где-то в хедере имя пользовотеля и тд а хедер находится естествено в корне апп, получается мы хотим обновить одну запись в "services" , тогда ререндер будет всего париложения к тому же будет заново мапить "services", это разве не дорого? При удалении вместо того, что бы просто при положительном ответе с сервера, удалить запись по id или индексу в приложении, приложение будет делать запросы ненужные и ререндерить полностьюб,Не знаю Не знаю, не всё так хорошо как кажется на первый взгляд, как мне кажется.
Это реакт, он всегда ререндерит при изменении состояния
@@myrichstory ну вроде как он не всё приложение перендэривает , а только тот компонент в котором изменились состояния
Преждевременная оптимизация зло, имхо. Ну и по-настоящему дорого перерисовывать ui, а перерендер сам по себе не такая тяжелая операция.
Михаил, а какой метод получения данных через api предпочтительнее? CreateAsyncThunk или RTK Query?
Все понятно. В ученики возьмете?
очень круто рассказываешь 👍
Не понял, а что, в RTK Query, GET запросы можно делать только автоматически при рендере компонента? А что если мне нужно сделать GET запрос при клике на кнопку? RTK Query так может?
Может, через useLazyQuery. Такой хук имеет trigger, через него можно сделать fetch данных при клике на кнопку (по сути работает также, как и mutation).
@@Acmuddi Спасибо. Попробую.
крутоооооооооооооооооо))