Tanstack query (react-query) полный курс 2024

[@ДжамбулатКагерманов-ш9л]

Евгений спасибо за ваш вклад в развитие фронтендеров. Курс очень подробный и классный ждал чего-то подобного про react-query или rtk-query именно от вас.

[@vetal7374]

Спасибо! Полезно 🥇

[@igorsenichev3779]

Огромное спасибо за такие видео!!! Было бы вооще сногсшибательно, если бы вы сделали выпуск про комбинацию Zustand и React-query. Прям был бы безумно благодарен вам! Творческих успехов и дальнейших ростов и выпусков таких классных видео! Благодарю!

[@art7653]

У него в курсе по FSD вроде была такая связка, можно посмотреть, в целом материал годный

[@omg-go4vf]

Ну что сказать. Синьор и есть синьор. Все понятно. Без каши во врту, без запинок, четкое изложение. Спасибо, пойду готовить к продашену пет проект.

[@MaksimZhatkin]

Очень вовремя, только победил все лекции по редаксу и решил пилить проект на этой либе. Спасибо!

[@evgenym.2137]

Однозначно это очень мощный и объемный курс, которому нет аналогов 👍

[@MaDKnighT404]

Это божественно! Наконец-то смогу в прод затащить этот полезный инструмент

[@tanercoder1915]

Оуоуоу. Я еще редак курс допрохожу, а здесь такое! Кайф.

[@Айбек-г3е]

очень крутое начало, добавил в избранные, спасибо за курс, надеюсь не удалите )

[@АнатолийГорбов-о1ь]

Пушка курс, Жень спасибо!!!

[@surenstepanyan9151]

Красавчик !!!

[@jasur_rahmatov]

thank's a lot

[@ДмитрийБаришев]

Ура! Спасибо за курс!

[@typlomi]

Спасибо, как раз внедряю react query в проект)

[@dimitriy8689]

спасибо большое за работу!!!

[@tobehard]

Спасибо за ролик)

[@Alex.Shalda]

Ого, 4 часа? Пушка!

[@WizInWeb]

Мы ждём курс по next js 😢

[@narwhal6422]

Так есть же, курс по реакту где крестики нолики разрабатывали

[@АлександрМоргунов-о6я]

Крутяк, спасибо!

[@Nightin99]

Евгений, очень благодарен тебе за видео. Но, пожалуйста, будь так добр, выпусти ролик или курс про то КАК ты так работаешь с кодом, я готов не то что всем друзьям скинуть, а заплачу за курс) То как ты работаешь с кодом это нечто, практически не трогая мышку Расскажи пожалуйста про это, про свои хот кеи, про в целом взаимодействие с IDE так, как это делаешь ты Буду очень ждать

[@КосАн-и7я]

Самое главное обновлять темы, даже если они уже есть на где-то у кого-то

[@mdalmamunit427]

Great 🎉

[@Миллениалка]

Очень крутой выпуск, спасибо большое! Искала в нем ответ на свой вопрос но не нашла, может быть подскажете какую то бест практику) как обработать ошибку самого первого упавшего запроса и при этом продолжать делать retry по нему. в рамках 17го реакта) судя по доке либа не зареджектит промис и не вернет ошибку из функции пока идут перезапросы

[@Dmitrijserg]

Лучший!

[@PavelKhapaliuk]

WOOOOOOOOOWWWW!!!

[@ant100psnik]

Спасибо за туториал, такой вопрос: зачем хранить пользователя в local Storage если его можно хранить в кеше в React Query и просто поставить время cacheTime infinity или -1?

[@sashapticin]

Какой командой ты переименовываешь названия? Не знал что так можно, скопом сразу переименовать во всех местах, так еще и деструктуризацию сам добавит) посмотрел, у меня базово на f2. Ты под себя поменял?

[@Dmitry-c2k]

Привет. Вопрос по "перекладыванию данных из одного стейт менеджера в другой" . А как тогда правильно поступать в ситуации: 1) На странице приложения есть форма 2) Значения полей и доступность полей для редактирования приходят с бэкенда. То есть при определенных условиях то одни поля доступны для редактирования, то другие. 3) При редактировании полей, происходят какие-то сайд эффекты (например запросы на бэк для сёрч хелпа) - то есть требуется контролировать изменение полей. 4) Отправка на бэкенд измененной формы происходит по клику на кнопку На первый взгляд кажется, что при получении данных из tanstackQuery требуется переместить их в локальное состояние компонента, ну либо в условный redux. А потом уже отслеживать изменения при редактировании для вызова различных сайд эффектов. А как пользователь нажал на кнопку "сохранить" - уже использовать мутацию, с последующей инвалидацией. Но получается, что такой подход неверен?

[@paromovevg]

Да, по опыту такой подход вызывает много проблем и багов. Я пришёл к подходу когда в tanstack хронятся только дефолтные значения полей. Когда пользователь что то вводит то это записывается в локальное состояние и в поле уже это значение отображается На сабмит мерджим дефолты с введёнными значениями и отправляем на бек Такой подход очень стабильный, и в нём максимум контроля

[@Dmitry-c2k]

@@paromovevg Интересно.. Надо подумать в эту сторону. Спасибо за ответ!

[@artem-v3y]

респект

[@Kysok410]

Подскажи пожалуйста какое у тебя стоит расширение на перевод текста?

[@КосАн-и7я]

Вовремя) аффтор сечёт когда нужно)

[@МаринаНовикова-ч1ш]

Привет! спасибо за видео! Можешь пожалуйста скинуть исходники ?

[@paromovevg]

Добавил в описание видео

[@Artur-oh3pt]

откуда берётся Preflight запрос при удалении и обновлении todo ? Удаляет со второго раза или после перезагрузки

[@alexeykupersthokh]

К сожалению, graphql-request нынче не умеет в загрузку файлов, и в моем случае это значит, что нужно будет городить чистый http рядом с graphql. Так что пока останусь на appolo.

[@omg-go4vf]

Жаль что могу поставить только 1 лайк

[@typingaway]

3:49:27 на самом деле выбрасывается не ошибка, а промис (условно под капотом происходит throw promise). Если бы выбросилась ошибка, то ее перехватил бы уже ErrorBoundary

[@ReturnMeVoid]

большое спасибо за обширный труд! только уши режет то, насколько часто ты говоришь "как говорится"))

[@АлександрПлуталов-ъ4ш]

а мне глаза режет такую хрень что ты написал.....

[@ReturnMeVoid]

@АлександрПлуталов-ъ4ш если ты своими резаными глазами видишь только негатив, то это только твоя проблема)

[@danilka6295]

а как вы будите проверять, что прошла ошибка json, а не запроса?)

[@dmitrysvetlov6001]

как можно приобрести твой курс по FSD без вступления в комьюнити ?

[@paromovevg]

Привет! Вот тут можно посмотреть paromovevg.ru/courses/fsd

[@uchannel-es8zo]

Контееент💀

[@РоманГонтарь-ш7р]

а если над useSuspenseQuery будет несколько suspense, то показываться будет ближайший в дереве ?

[@paromovevg]

Да, всё верно

[@РоманГонтарь-ш7р]

@@paromovevg спасибо за ответ, видос бомбовый

[@undertale-15075O]

Мы ждём солид старт

[@jameskeita9657]

Я не увидел у вас на канале курс по react next & redux И это разочаровало меня

[@alex_everget]

👋👍Друг, prettier умеет в onSave

[@ВладиславБирюков-ш5э]

к чему этот коммент твой?

[@alex_everget]

@@ВладиславБирюков-ш5э к видео

[@kokoc58]

Без пагинации оптимистичное обновление не очень понятно. Если у нас 100500 мильёнов тудушек, как оптимистично обновить не запрашивая все данные?!

[@houston_np]

В мутациях часто юзается. При добавлении, удалении тудушки. Ты отправляешь запрос на сервер и не дожидаясь ответа сразу напрямую меняешь в кэше данные. Если запрос на сервер вернул успех, то ничего не делаешь. Ошибка с сервера - нужно откатывать изменение.

[@paromovevg]

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

[@kokoc58]

@@houston_np Получается оптимистично добавили в кэш, пользователь увидел это в UI, кликнул ещё куда-то, с сервера пришла ошибка и мы всё откатили. Пользователь вернулся, а тудушки нет, скрали подумал Штирлиц 😁 Это конечно уже нюансы реализации, но мне кажется между "оптимистичным" и "пессимистичным" обновлением должно быть "реалистичное" обновление ))

[@houston_np]

@@kokoc58 ты описал очень редкий кейс. в 99% случаях ответ с ошибкой с сервера придет до повторного клика пользователя. и еще в 99% случаев придет успешный ответ вместо ошибки. в принципе даже можно проверить логи на бэке и там где ты уже уверен, что все ок, допиливать на клиенте оптимистичные обновления для улучшения ux

[@chuchumba4211]

Добавь интеграцию tanstack query с zustand!!!!!!!!!!!

[@paromovevg]

она прям 1 в 1 такая же как с redux

[@romanmed9035]

будет ли на рутубе дубль?

[@paromovevg]

Уже есть rutube.ru/video/5f4d4ccd9ac83fe95eac8cce1b4b94b3/

[@baileysli6235]

Даже на англотубе лучше не находил материала

[@Kiyanti]

React query за 10 минут? Не, банально, а вот за 10 часов...

[@romanlebedenko7351]

Это анти паттерн когда useTodoList custom hook возвращает JSX А в целом курс хорош, в русско-язычном интернете не встречал подобных

[@oWeRQ666]

почему же это антипаттерн? Хуки это кусочки компонентов, нигде кроме компонентов их использовать нельзя, не скажу что это был лучший пример, но в общем не вижу причин обобщать, jsx в кастомных хуках бывает нужен, иногда только внутри, иногда и возвращать, например, чтобы захватить контекст, чаще всего это так или иначе связано с модалками.