⚡️ Быстрый курс по React Query | Очень удобно!

В этом крутом ролике мы разберем react query.

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 150 лайков и я снимаю еще Быстрый курс

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!

#ReactQuery #useQuery #React #RedGroup

Я расскажу что такое React Query и для чего он нужен. Научимся подключать к проекту и также использовать devtools. В качестве сервера используем локальный сервер. Разберем базовую реализацию через useQuery, обязательно типизируем через TypeScript. Трансформируем данные через select. Сделаем кастомные хуки для удобства. Передадим аргумент в useQuery, к примеру для получения страны по ID. В конце реализуем создание с помощью useMutation.

Тайм коды:
00:00 - Что такое React Query?
00:49 - Подключение к проекту
03:38 - Какой сервер будем использовать?
04:11 - Глобальные настройки
06:17 - Где скачать проект?
06:56 - Убираем лишнее и запускаем приложение
07:55 - useQuery
14:03 - TypeScript
15:58 - События onSuccess, onError
18:45 - Трансформация данных (select)
20:04 - Кастомный хук
21:08 - Передать аргумент в useQuery (подгрузка по ID)
26:40 - GET запрос по кнопке "refetch"
28:06 - Devtools
29:37 - useMutation

👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

[REDGroup]

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 150 лайков и я снимаю еще Быстрый курс

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!


Тайм коды:
00:00 - Что такое React Query?
00:49 - Подключение к проекту
03:38 - Какой сервер будем использовать?
04:11 - Глобальные настройки
06:17 - Где скачать проект?
06:56 - Убираем лишнее и запускаем приложение
07:55 - useQuery
14:03 - TypeScript
15:58 - События onSuccess, onError
18:45 - Трансформация данных (select)
20:04 - Кастомный хук
21:08 - Передать аргумент в useQuery (подгрузка по ID)
26:40 - GET запрос по кнопке "refetch"
28:06 - Devtools
29:37 - useMutation

[romanpityul]

Спасибо, Макс!! Как всегда, все четко и доходчиво!!

[centradude]

бро какой же топ. Постоянно радуешь контентом, да еще и которым пользуются многие

[SSH]

Redux Toolkit Query какая разница с React Query ?

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

Супер, что освещаешь не только самые популярные темы, у тебя много редкого контента, который не найдешь у других! Спасибо

[qwentlayng]

Большое спасибо за урок. Какое ide ты используешь?

[aliksayfullin]

Не могу понять есть ли возможность достать данные из queryCache вне реакт компонента, в каком нибудь API helper файле?

[STELLS]

А зачем аксиос тут нужен, если можно использовать методы самого квери, такие как queryQey, queryFn (как-то так пишется, но думаю, что понял) ?

[sega-rw]

забыл рассказать про удобную вещь getQueryState
за видео лайк 😉

[ILyxaFedoseev]

Кто знает, есть ли такие удобные devtools в RTK Query?

[sinvolen]

А потом когда ты деплой на реальный хостинг делаешь, как json-server работает, ты же его у себя только на компе глобально установил?

[abobus_xero]

А как мне сразу передать, чтобы данные не грузились(enabled:false и к тому же, чтобы не грузились если id какой-то несущественный)?

[darknside]

Сделай пожалуйста ролик по React native API

[dmitrydomino]

Спасибо, а как сделать мутацию, например, одной тудушки из массива тудушек и по новой запросить обновленный список?

[dmitriyvvmp]

Большое спасибо за видео! А как сделать запрос по data-attribute, например из одного запроса у меня приходят названия, я их маплю, затем по клику на одно из них (беру дата-аттрибутом) отображается нужная информация?

[dzmitryaliashkevich]

Could not find a declaration file for module 'react-query'. implicitly has an 'any' type.
Try `npm i --save-dev @types/react-query` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-query'
Выполняю команду, но ошибка не устраняется, не компилируется приложение. Может кто подскажет в чем проблема использования с Typescript??