RTK Query или альтернативный Redux по работе с API

  Рет қаралды 102,749

Михаил Непомнящий

Михаил Непомнящий

Күн бұрын

Пікірлер: 228
@НиколайХаритонов-й3н
@НиколайХаритонов-й3н 3 жыл бұрын
Этот коментарий создан в качестве уважения автору и для продвижения его канала.
@mishanep
@mishanep 3 жыл бұрын
Этот ответ создан, чтобы поблагодарить автора комментария =)
@neodinok-it3ym
@neodinok-it3ym 8 ай бұрын
Самые адекватные уроки на ютубе. Без воды, все четко понятно человеческим языком
@max_mrtnv
@max_mrtnv 3 жыл бұрын
Самое потрясающее и понятное объяснение RTK Query! Такое видео должно быть в официальной документации!
@АленаКраева-ю8п
@АленаКраева-ю8п 8 ай бұрын
Самое понятное и краткое объяснение. Обожаю автора, все нравится, от тембра голоса до логики объяснения, супер!
@kenanhaciyev3759
@kenanhaciyev3759 Жыл бұрын
если что то сейчас достаточно в get-запрос написать: providesTags: ['Products'] а в post-запрос: invalidatesTags: ['Products'] - спасибо за уроки - максимально понятно
@ЕвгенийАнисифоров-и2ы
@ЕвгенийАнисифоров-и2ы 8 ай бұрын
Огромное спасибо🥰 Теперь у меня заработало автообнобление
@R1taz
@R1taz 3 ай бұрын
Спасибо большое!
@larss2772
@larss2772 6 ай бұрын
Огромная благодарность за урок, всё понятно и доступно. Считаю Вас одним из лучших авторов по программированию и web разработке в целом. Да прибудет с вами сила))
@kostyakirieri7141
@kostyakirieri7141 3 жыл бұрын
Очень круто и актуально, то что нужно было!!! еще бы с TS и тогда полный кайф был бы)
@awenn2015
@awenn2015 3 жыл бұрын
Эм, какой смысл сейчас вообще без ts делать ? Сейчас все начинают на ts делать , видео какое то неполное получаеться
@SlouMan
@SlouMan 2 жыл бұрын
в действительности, там всё легко типизируется. Пришлось бы dto описать, что заняло бы еще какое то время урока
@n3trnnr
@n3trnnr 5 ай бұрын
Михаил, спасибо вам за обучающие ролики! Всегда доступно и понятно!
@mestacey8120
@mestacey8120 Жыл бұрын
Честное слово, это самое вменяемое объяснение данной темы! Огромнейшее спасибо!
@igormalykhin5528
@igormalykhin5528 5 ай бұрын
Автору браво. Это самое понятное обьяснение ртк квери что я только видел в рунете.
@romankrytski8687
@romankrytski8687 Жыл бұрын
Спасибо большое за урок! У тебя отлично получается объяснять не самые лёгкие вещи, не самым продвинутым юзерам)
@maxkurylo
@maxkurylo Жыл бұрын
кэширование, работающее из коробки, и запрос на получение всех данных при каждом удалении или добавлении выглядят очень стремно) Но, скорее всего, это все настраивается. Спасибо большое за видео!
@REDH3ADd
@REDH3ADd Жыл бұрын
"и запрос на получение всех данных при каждом удалении или добавлении", а как подругому? изменив данные на сервере их сразу же и нужно подгрузить, чтобы у пользователя произошли изменения
@CyberDanilka
@CyberDanilka Жыл бұрын
@@REDH3ADd согласен, когда суть библиотеки это перенос состояния на бэк такой коммент выглядит как минимум забавно)
@serg9888
@serg9888 2 жыл бұрын
Михаил, спасибо за видео. Для меня это уже ваше третье по счету про RTK. Кратко, но достаточно, чтобы зацепиться. А дальше уже намного легче с официальными гайдами разбираться. Отличная подача материала!
@ТимурСпектров
@ТимурСпектров 7 ай бұрын
очень крутой инструмент и очень понятно рассказан. очень хотелось бы подробно изучить все возможности RTK Query.
@I248
@I248 Жыл бұрын
я присоединясь к множеству одобрильных отзывов, браво!
@el_marca4987
@el_marca4987 6 ай бұрын
Больше всего нравится такой стиль изложения. Ulbi tv тоже годные видосы снимает, но очень быстро все показывает и частенько приходится нажимать на паузу, чтобы понять что вообще происходит, а в твоих видео, пока ты печатаешь уже можно смысл уловить.
@ЕвгенийВоронков-ч2э
@ЕвгенийВоронков-ч2э Жыл бұрын
раньше признавал только ulbi) Теперь + к нему еще и Миша) лайк оставил, комен оставил, видео лот корки до корки посмотрел) спасибо большое!
@blgarOk
@blgarOk 2 жыл бұрын
И правда, RTK Query - крутейший инструмент! Спасибо за разжеванное объяснение!
@Goddamn_Right
@Goddamn_Right Жыл бұрын
15:15 При использовании доп. параметров в endpoint'е лучше написать: "query: {limit = ""} => ({url: 'goods', params: {_limit: limit, и все остальные нужные параметры, если есть, тоже сюда, как ключ: значение}})". Это не только правильно с точки зрения RTK, но и делает код более читаемым 😉
@JIKAIII
@JIKAIII Жыл бұрын
Достаточно детально и ёмко изложено, очень легко вникать. Большое спасибо!
@yodgor585
@yodgor585 Жыл бұрын
Просто по божески объяснил! Моё величайшее почтение
@nursultanyerzhan4432
@nursultanyerzhan4432 Жыл бұрын
Как раз думал по этой проблеме, я фуллстэк разраб. Думал как связывать бд и редакс. Контент простой для понятия, автору большой респект ❤❤❤
@ahad5581
@ahad5581 2 ай бұрын
Спасибо большое вам за этот урок. Было очень понятно. Ставлю лайк ❤
@BakuEmilov
@BakuEmilov Жыл бұрын
спасибо, большое! объяснение на высшем уровне! желаю вам крепкого здоровье!
@konglomora3230
@konglomora3230 3 жыл бұрын
Респект за усилия с которыми Вы доносите материал!
@KerchianoBerchiano
@KerchianoBerchiano 2 ай бұрын
Да уж ашалеть, и по редакс тулкит, и по редакс квери и по материал юай всё по делу, без воды в лайв режиме, моё почтение и уважение сэр👊
@ДмитрийЛукьяненко-ь9ы
@ДмитрийЛукьяненко-ь9ы Жыл бұрын
Респект за уроки, одни из самых лучших на ютубе
@frontendonly
@frontendonly 3 жыл бұрын
i'm not understand your language but understand the whole video it's too simple and amazing.thanks for sharing
@mikhail-khoroshev
@mikhail-khoroshev 2 жыл бұрын
Вау! Хорош! И структура информации и подача мне нравится! Однозначно подписка!
@konsin1988
@konsin1988 4 ай бұрын
Супер понятное и подробное объяснение!!! Спасибо!
@unlimitedgames8357
@unlimitedgames8357 Жыл бұрын
Насколько же вы шикарно преподносите информацию❤
@rosen7962
@rosen7962 Ай бұрын
Хорошее видео, спасибо автору!
@andretku
@andretku 5 ай бұрын
Круто! сложное - простыми словами!
@xkochevnikx.
@xkochevnikx. Жыл бұрын
Михаил большое спасибо за Ваши труды, как всегда вовремя) приобрел 4 Ваших курса на степике)
@serjdenisov2114
@serjdenisov2114 2 жыл бұрын
Спасибо, Михаил за понятное объяснение!!! Классная вещь!!!
@anatoliyrotskin5088
@anatoliyrotskin5088 Жыл бұрын
Мишаня, ты прекрасно подаешь информацию, продолжай дальше просвещать нас!
@aliicomua1369
@aliicomua1369 Жыл бұрын
Спасибо. Очень подробно и главное все понятно.
@mukanidrissov5487
@mukanidrissov5487 10 ай бұрын
Большое спасибо за отличное объяснение такой непростой вещи
@bentonfraizer69
@bentonfraizer69 9 ай бұрын
Михаил, спасибо за труд
@ИгорьГолуб-н6щ
@ИгорьГолуб-н6щ 2 жыл бұрын
Максимально доступно, понятно и интересно. Спасибо, Михаил!!!
@andreykachur3827
@andreykachur3827 11 ай бұрын
Хорошее объяснение! Понял! Спасибо!
@vskoby
@vskoby 3 ай бұрын
спасибо, отличный разбор темы!
@krlkonstantine
@krlkonstantine Жыл бұрын
очень классный и понятный урок, большое спасибо!
@РусланСабитов-и2ь
@РусланСабитов-и2ь Жыл бұрын
Спасибо 👍🏻, после zustand начал понимать работу Redux, а дальше Redux toolkit там и до крольече норы можно дайте.
@fira1308
@fira1308 Жыл бұрын
Очень доходчиво объяснено!!!Спасибо!!!
@МихаилНадеин-т8х
@МихаилНадеин-т8х Жыл бұрын
супер объяснение, благодарю!!!
@sour5786
@sour5786 Жыл бұрын
Михаил спасибо большое за видео, я очень жду больше информации о rtk query (например как сделать перехватчики как в axios, про middleware) да и в принципе я думаю лучше сразу с typescript показывать примеры
@ДмитроСіченко
@ДмитроСіченко 2 жыл бұрын
Спасибо за урок, доступный, понятный материал за короткое время, хорошая работа 💪💪💪👍👍👍
@romanchenko8048
@romanchenko8048 3 жыл бұрын
объясняете просто супер! все четко и понятно, спасибо!
@ДеткиеНочники
@ДеткиеНочники 2 жыл бұрын
Очень круто объяснил, спасибо!
@vladislavbogdashev1803
@vladislavbogdashev1803 7 ай бұрын
26:13 это всё, что нужно знать про RTK Query "Мы сделали для вас новый крутой инструмент, который позволяет писать меньше кода, но выучите миллион новых синтаксисов под каждый конкретный случай". Это всё конечно здорово звучит, но ровно до тех пор, пока у вас простой CRUD, а не большое сложное приложение, где вы можете в респонсе синхронизировать много данных. На мой сугубо личный взгляд, связка redux-toolkit + классическая redux-saga + axios - это лучшая сборка для вашего проекта.
@SabilasSalam
@SabilasSalam 9 ай бұрын
Крутой вы, лайкнул, спасибо вам, желаю успехов!
@23LS023
@23LS023 Жыл бұрын
Все это очень круто, единственное, пожалуйста, переключись на dark mode ))
@ylcsl4378
@ylcsl4378 2 жыл бұрын
Очень хорошо объясняешь, очень нужные вещи, спасибо
@gritsienkooleg3447
@gritsienkooleg3447 2 жыл бұрын
Блин, как же это круто! Спасибо огромное! ОХх... )
@oleksiihmyrko7969
@oleksiihmyrko7969 3 жыл бұрын
Очень крутая штука!!! Только закончил пет проджект с этой фичей ! Спасибо актуальный контент!
@aominka3767
@aominka3767 3 жыл бұрын
спасибо большое)больше про редакс тулкит, очень полезные знания
@dr.livesey5157
@dr.livesey5157 2 жыл бұрын
Самое лучшее объяснение из всех!
@Quentinrei
@Quentinrei 5 ай бұрын
Этот комментарий создан в качестве уважения автору и для продвижения его канала.
@БогданЗинкевич-г3в
@БогданЗинкевич-г3в Жыл бұрын
Просто невероятно! Очень прошу вас на основе этого видно сделать бесконечную загрузку данных при скроле. На самом деле проблема не маленькая а решения на нее не так просто и найти адекватного именно с RTK query. Был бы очень благодарен.
@Giri-16108
@Giri-16108 3 жыл бұрын
Спасибо вам, как раз с РТК работаю, буду внедрять!
@АлексейСаломатин-о4ю
@АлексейСаломатин-о4ю 10 ай бұрын
Гранд мерси. Что значит большое спасибо )
@Sweet-Bubaleh
@Sweet-Bubaleh Жыл бұрын
Кааааайф! Спасибо!
@leshiq4214
@leshiq4214 3 жыл бұрын
Отличные гайды! Спасибо!
@denistrapeschonok471
@denistrapeschonok471 2 жыл бұрын
Спасибо большое. Круто!
@konstantinzhirnov3013
@konstantinzhirnov3013 2 жыл бұрын
Спасибо за Вашу работу.
@techno-tramp
@techno-tramp Жыл бұрын
Привет. Присоединяюсь к поблагодарившим, в целом все четко, по полочкам, в удобно перевариваемой последовательности. Но хотелось бы уточнить, на 29:00 речь про то, что если кто-то в соседней комнате что-то удалит, то мы получим свежие данные. На сколько я понимаю, автоматом мы уже их не получим. RTK Query в нашем экземпляре приложения ничего не знает об операциях в чужом приложении.
@kkambucha
@kkambucha 3 жыл бұрын
Класс! Суперкруто!
@maximbagrayntsev5154
@maximbagrayntsev5154 Жыл бұрын
Круто!!!
@hpcforum
@hpcforum 2 жыл бұрын
Спасибо. Хорошее видео.
@artedza
@artedza 2 жыл бұрын
Спасибо за видео!
@beznamea9549
@beznamea9549 2 жыл бұрын
Крутой видос, спасибо!
@johnconnor9787
@johnconnor9787 2 жыл бұрын
18:38 - Говоря об айди, недавно узнал, что в RTK еще есть nanoid() который тоже можно импортировать для создания ID
@ilaymorozoff4113
@ilaymorozoff4113 3 жыл бұрын
Михаил, спасибо!! Пушка, огонь, пожар!
@ice_records
@ice_records Жыл бұрын
Спасибо автору за весь контент очень понятно и информативно. Такой вопрос RTK Quary это замена или альтернатива Thunk? просто по функционалу в RTK Quary больше возможностей и упрощений под капотом и его (как я понял) лучше использовать в компонентах, а Thunk более настраеваемая вещь которая работает в сугубо в слайсах. Как я понял если все упростить то в случаи: RTK Quary сначала грузиться компонент => идет запрос на сервер => выполняется логика компонента => меняется стейт в сторе redux . Thunk Сначала делаеться запрос на сервер => меняеться стейт в сторе => грузиться компонент => Выполняеться логика компонента Буду рад если скоректируете моё понимание об этих 2х расширениях, так как пока не могу понять что нужно и в какие моменты использовать и как их между собой связывать и нужно ли? Зарание спасибо.
@druf5962
@druf5962 Жыл бұрын
на многих ютуб гайдах часто вместо с rtk query еще и axios фигачат. есть ли реальный смысл аксиос юзать или rtk query самодостаточен? спс за видос, один из лучших сенсеев на ютубе
@azamatzhamakeev670
@azamatzhamakeev670 2 жыл бұрын
Man you are the best!
@kidsShow1998
@kidsShow1998 Жыл бұрын
от души like
@true227
@true227 8 ай бұрын
Михаил, а какой метод получения данных через api предпочтительнее? CreateAsyncThunk или RTK Query?
@АлександрОдесский-й4к
@АлександрОдесский-й4к 2 жыл бұрын
Спасибо 👍🏿
@Капитангрез
@Капитангрез 2 жыл бұрын
Капец как удобно! Правда придётся многое переписывать))
@kawaikaino5277
@kawaikaino5277 2 жыл бұрын
Все прячется под капот, иногда мне кажется что это является проблемой
@Капитангрез
@Капитангрез 2 жыл бұрын
@@kawaikaino5277 ты прав, но это очень удобно. Можно смотреть внутренности в документации, но и она меняется постоянно) так что один глаз в доку, а другой на код)
@pandalove6795
@pandalove6795 Жыл бұрын
Не уверен, что после удаления или добавления объекта прямо настолько круто делать еще запрос на получение всех продуктов. Если объектов много, то они постоянно будут запрашиваться. Или это не так работает?
@rybiizhir
@rybiizhir 25 күн бұрын
Смотрю на 1.5 скорости, норм
@van_za
@van_za 2 жыл бұрын
Спасибо за видео!!! Как быть если нужно получить объект с сервера..., пользователь его редактирует и только потом делаем запрос на обновление, как в таком случае использовать RTK Query?
@StGwBo-uu5nx
@StGwBo-uu5nx 2 ай бұрын
Хорош
@АлександрМельников-я9п
@АлександрМельников-я9п 2 жыл бұрын
Ждём RTK Query TS)
@mivalb7979
@mivalb7979 3 жыл бұрын
Спасибо, Михаил!
@Amelin1207
@Amelin1207 Жыл бұрын
господи ты бог)
@ayanaskarov4014
@ayanaskarov4014 25 күн бұрын
почему у меня не показывает то что на порте 3001/goods находится, все установил но почему то не выходит
@sivkaburka1062
@sivkaburka1062 2 жыл бұрын
Досмотрел до 21:02
@deadme8039
@deadme8039 2 жыл бұрын
nice one,keep doing that!
@dmitriymovchan6563
@dmitriymovchan6563 3 жыл бұрын
Не понял, а что, в RTK Query, GET запросы можно делать только автоматически при рендере компонента? А что если мне нужно сделать GET запрос при клике на кнопку? RTK Query так может?
@Acmuddi
@Acmuddi 3 жыл бұрын
Может, через useLazyQuery. Такой хук имеет trigger, через него можно сделать fetch данных при клике на кнопку (по сути работает также, как и mutation).
@dmitriymovchan6563
@dmitriymovchan6563 3 жыл бұрын
@@Acmuddi Спасибо. Попробую.
@profuter
@profuter 9 ай бұрын
Правильно ли я понял: мы когда получаем товары добавляем к ним тег Products, который содержит актуальную базу продуктов, а потом когда добавляем и удаляем говорим что этот тег стал инвалидным (invalidate - сделать неактуальным) и его надо актуализировать и потому идёт автоматический запрос?
@rustam_gasymov
@rustam_gasymov 2 жыл бұрын
Очень круто!! Спасибо за такую качественную работу!!!Можно попросить сделать видосик связки rtk querry и websocket?
@mishanep
@mishanep 2 жыл бұрын
Спасибо за обратную связь. По websocket пока не планирую. Просто потому, что серьёзно с ним не работал. Возможно на одном из проектов по работе он пригодится, тогда будет пища для видео. Сейчас квалификации не хватит.
@ЮрийТаратов-ы8ч
@ЮрийТаратов-ы8ч 2 жыл бұрын
Очень доступно! А можно эти получаемые данные диспачить в стейт, определенный в каком-либо слайсе, и по необходимости использовать? Или хуки RTK Query сами являются таким хранилищем, которое можно подключать и использовать в нужных местах приложения?
@tutnichegonet
@tutnichegonet 2 жыл бұрын
тоже интересно
@АртемШкитко-ц9г
@АртемШкитко-ц9г 8 ай бұрын
привет, узнал? что то у меня не получается диспатчить
@РомаАбаров-ь2б
@РомаАбаров-ь2б 3 ай бұрын
остальные видео были с типизацией, это забыли ?
@AleksandrMaltsev-jm8ph
@AleksandrMaltsev-jm8ph Жыл бұрын
🎉🎉🎉🎉 спасибо, подскажите как создать по SOLID, class который делает базовый крад, и от него можно отнаследоваться
@fil1806
@fil1806 11 ай бұрын
Спасибо за видео. Будет ли что то по state в nextjs13+, и вообще имеет ли смысл это использовать в nextjs, или там есть другие методики?
@mishanep
@mishanep 11 ай бұрын
У меня было видео про клиентские компоненты nextjs 13+ и там я немного затрагивал тему использования стейт-менеджеров. По сути, в текущем варианте вы можете использовать редакс, как и прежде. Но только в клиентских компонентах.
@anthonyzao707
@anthonyzao707 Жыл бұрын
Все понятно. В ученики возьмете?
@vladimirmuratov2220
@vladimirmuratov2220 Жыл бұрын
Большое спасибо. Все просто и понятно. А про React Query расскажите? 😊
@mishanep
@mishanep Жыл бұрын
Со временем =)
Синхронизация Redux и localStorage с redux-persist
14:05
Михаил Непомнящий
Рет қаралды 37 М.
React Query. Быстрый старт
30:09
Михаил Непомнящий
Рет қаралды 51 М.
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 56 МЛН
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 108 МЛН
RTK Query, Thunk, createAsyncThunk | Продвинутый полный курс | Часть 2
2:52:18
Евгений Паромов | Front-end
Рет қаралды 11 М.
React стек 2022. TypeScript, Redux Toolkit, RTKQuery, Tailwind
1:17:59
Владилен Минин
Рет қаралды 151 М.
FB - Регламент работы над проектом и Git
1:20:51
Алексей Щербинин | Nova Sphere
Рет қаралды 35
RTK Query in React (Complete Tutorial)
29:23
Cosden Solutions
Рет қаралды 15 М.
React Query за 10 минут! Быстрый курс
11:34
Archakov Blog
Рет қаралды 58 М.
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 56 МЛН