Основы react-query за 30 минут

Мой телеграм - t.me/+q_a33Emn...
Способы поддержать меня:
www.buymeacoff...
Привет! Меня зовут Виктор Рябков, я - Senior Fullstack разработчик. В этом видео я вам расскажу какую технологию использовать, чтобы упросить себе жизнь работая с бэкендом. В видео поговорим о том "Как делать запросы на фронте?" "Какие проблемы встречаются?" "Как делать запросы при помощи react-query"
#программирование #фронтэнд #it

[@veniaminsamoylov1617]

Спасибо как раз вовремя и понятно.

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

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

[@viktor.riabkov]

Без обид

[@MagicMightNew]

Спасибо. Наглядно, но немного затянуто :)
По сути, первые 12 минут можно было бы сжать до трех, выкинув стилизацию, перепроектирование компонентов и оставить только мороку с запросом, слежением за загрузкой и сделать переход как на 13 минуте к react query.

[@cdenis7578]

У тебя ошибка была в функции с самого начала. Тебе нужно было вернуть правильно промис потом вызывать на ней метод then.

[@NikOroferov]

Хорошее видео, спасибо :3

[@RussianFrontend]

честно говоря, глубины разбора либы совсем не хватило

[@viktor.riabkov]

Соглашусь, за 30 минутный ролик успел только по верхам проскочить

[@cdenis7578]

Ты нашел ошибку... Я просто не досмотрев видео написал коммент =)

[@viktor.riabkov]

😅

[@Fs-xj2gu]

react-query шляпа
посмотри про reatom

[@viktor.riabkov]

Спасибо за рекомендацию, гляну!

[@Tabasco30]

🔥

[@esp2644]

А что делать, если при использовании useQuery при возврате data, isLoading и т.д, при повторном вызове в useMutation ошибка данных, как правильно в начале определить данные а потом из вызывать в аргументах методов?

[@esp2644]

То есть, нельзя вызвать 2 раза data, data. Что то читаю доку и вообще не понимаю как это все работает

[@viktor.riabkov]

Я не совсем понял кейс. useQuery и useMutation это два разных хука для двух разных целей.
useQuery - только для get запросов
useMutation - для всех остальных который могут изменять данные на бэке.
Если я правильно понял то вы хотите использовать useMutation, в таком случае у вас есть функция mutate или mutateAsync.
mutateAsync работает как promise, то есть можно его ждать при помощи await.
А вот если используете mutate, тогда нужно прокинуть onSuccess метод при вызове useMutation хука.
Надеюсь, хоть немного помог))

[@макс-х9п9л]

А если в data с сервера придëт не массив, что будет тогда?

[@viktor.riabkov]

Ничего страшного, самое главное это то как ты потом работаешь с data.
Если ты точно знаешь какая структура, то просто работай с ней. Если не уверен то желательно делать какие то проверки или хотя бы проставлять "data?.something", чтобы избежать краша приложения

[@макс-х9п9л]

@@viktor.riabkov Это понятно, я спросил, потому что искал не обзор react query, а хотел посмотреть как правильно обработать полученные данные с его помощью)
Я понимаю, это чисто основы, но хотелось бы сразу видеть как это применяется в реальных задачах))

[@АндрейКарякин-и1ы]

изйэррор прям бесит... :)

[@viktor.riabkov]

Надеюсь ты про мое произношение))

[@enot84js]

Спасибо огромное за грамотное, чёткое, лаконичное объяснение! Успехов Вам!

[@true227]

сделано круто, но лично я еще пока не до конца изучил нативный синтаксис реакта, вернусь позже:)

[@ОлегСелин-ш9ы]

Не нравится ни react-query, ни rtk-query.

[@viktor.riabkov]

Почему? А чем вы пользуетесь в своих проектах?

[@focus12024]

Cюр с рендером

[@viktor.riabkov]

В каком смысле?

[@2Extremum]

Половину экрана говорящей головы - вообще бессмысленно в плане подачи информации..

[@viktor.riabkov]

Соглашусь, в последних видео поменял формат