RTK Query 11: cache behavior, auto re-fetching, tags

  Рет қаралды 3,727

Олексій Кириченко

Олексій Кириченко

Күн бұрын

Особенности использования библиотеки Redux Toolkit Query, кеширование, логика автоматического перезапрашивания данных библиотекой RTKQuery при запросах, которые приводят к изменениям данных (мутаций) на сервере (свойства providesTags, invalidatesTags), система тегов для auto re-fetching
Репозиторий: github.com/kir...

Пікірлер: 20
@xczm225
@xczm225 9 ай бұрын
в захваті подивився відео і можу відверто сказати що інформація на відео дуже зрозуміла і якісна, читаючи документацію (хоч і знаючи гарно англійську) на рівні джуна складнувато, а тут все прозоро і зрозуміло, дяка! Підписався!
@vladimiralexeev2829
@vladimiralexeev2829 Жыл бұрын
Спасибо, хорошие уроки для старта в изучении RTK Query.
@ЗапеченнаяКуропатка
@ЗапеченнаяКуропатка Жыл бұрын
Я бы сказал, что здесь все подробно описано. Почти все что есть в доке, но с кейсами.
@raminhesenov1376
@raminhesenov1376 2 жыл бұрын
Больгок спасибо за видео! Все очень доходчиво объяснено
@DeuceAdd
@DeuceAdd Жыл бұрын
Годнота, дякую за користний туторіал
@РомаПарамонов-в1г
@РомаПарамонов-в1г 2 жыл бұрын
Большое спасибо за видео! Сразу стало все понятно
@MaximLisyanskiy
@MaximLisyanskiy 7 ай бұрын
Все очень круто, если не считать того, что в реальных проектах данные могу изменяться другими пользователями, а ревалидации данных нет, кроме как подождать минуту
@oleksandrkushnarov9569
@oleksandrkushnarov9569 Жыл бұрын
Годний контент. Дякую
@olenadiachenko8943
@olenadiachenko8943 Жыл бұрын
Дякую
@СлавикГусев-л4и
@СлавикГусев-л4и Жыл бұрын
Отличные гайды по использованию rtk query. Такой вот вопрос , заметил что при использовании тех хуков что даёт ртк вызывается неоднократный ререндер компонента. Как можно пофиксить ререндер ?
@kirik55
@kirik55 Жыл бұрын
Мной такой проблемы, вроде, замечено не было. Ререндер при использовании ртк-хуков происходит только при изменении вводных параметров для хуков и при изменении результатов. На всякий случай проверь, может у тебя перерисовывается родительский компонент, или есть какие-то вычисляемые значения в компоненте, которые лучше оформить как useMemo, useCallback.. Я бы копал в этом направлении..
@СлавикГусев-л4и
@СлавикГусев-л4и Жыл бұрын
@@kirik55 спасибо буду пробовать
@Qwerty-dn9bg
@Qwerty-dn9bg Жыл бұрын
Дякую за відео. Дуже допомогли, але виникло одне питання. Я з апі тяну пости, які можна лайкати. При лайку треба оновити дані саме цього поста. Чи можна якось це реалізувати, не роблячи потім ререндер всьої стрічки?
@kirik55
@kirik55 Жыл бұрын
Якщо у списку постів не відобржаються лайки - перезапрос списку непотрібний. Якщо у списку постів відображаються лайки - найпростіше - перезапрос списку постів
@АртемПономарев-ь6щ
@АртемПономарев-ь6щ Жыл бұрын
Спасибо за серию роликов по rtk query! Было бы интересно рассмотреть ситуацию, когда при пагинации на последней странице остается один элемент и мы его удаляем. После удаления, такого номера page уже не будет существовать, но в квери параметрах рефетчинга останется именно этот(уже несуществующий) номер page. Как можно обойти эту ситуацию? Буду признателен, если объясните!
@kirik55
@kirik55 Жыл бұрын
Я решил это так: при удалении товара, если на последней странице оставался только один товар, просто перекидываю на предыдущую страницу
@kirik55
@kirik55 Жыл бұрын
const handleDeleteGoods = async () => { const deletedGoodCount = await dispatch(deleteGoods(deleteGood)) const totalPageNumberAfterDeleting = Math.ceil((totalGoods - deletedGoodCount) / pageSize) if (pageNumber + 1 > totalPageNumberAfterDeleting) { changeCurrentPageRoute(history, '/goods', totalPageNumberAfterDeleting, sortBy, direction, dispatch, setSelectedGoodIds) } }
@kirik55
@kirik55 Жыл бұрын
changeCurrentPageRoute - функция, которая пушит в историю нужный роут
@StrayVegan
@StrayVegan Жыл бұрын
вот бы с infinitescroll разобрать
@kirik55
@kirik55 Жыл бұрын
В планах такое есть, посмотрим, как будет со временем...
Что такое TCP/IP: Объясняем на пальцах
15:38
Сюрприз для Златы на день рождения
00:10
Victoria Portfolio
Рет қаралды 1,5 МЛН
pumpkins #shorts
00:39
Mr DegrEE
Рет қаралды 106 МЛН
РОДИТЕЛИ НА ШКОЛЬНОМ ПРАЗДНИКЕ
01:00
SIDELNIKOVVV
Рет қаралды 3,8 МЛН
Redux Toolkit Query. Работа с кешем.
14:38
knowcity
Рет қаралды 14 М.
RTK Query 01: createApi, fetchBaseQuery, useQuery, transformResponse, selectFromResult
27:50
Олексій Кириченко
Рет қаралды 7 М.
React Query Refetching Stale Data - React Tutorial 88
17:02
Caleb Curry
Рет қаралды 4 М.
Советский мультфильм про нашу жизнь !
13:49
Дедушка Аргентинца
Рет қаралды 4,9 МЛН
RTK Query 02: pagination, useQuery, query
9:46
Олексій Кириченко
Рет қаралды 2,8 М.
CI/CD - Простым языком на понятном примере
15:29
Артём Шумейко
Рет қаралды 69 М.
Программисты-самоучки... Слушайте внимательно.
22:45
Евгений Афанасьев
Рет қаралды 99 М.