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

Sdílet
Vložit
  • čas přidán 7. 09. 2024
  • Мой телеграм - t.me/+q_a33Emn...
    Способы поддержать меня:
    www.buymeacoff...
    Привет! Меня зовут Виктор Рябков, я - Senior Fullstack разработчик. В этом видео я вам расскажу какую технологию использовать, чтобы упросить себе жизнь работая с бэкендом. В видео поговорим о том "Как делать запросы на фронте?" "Какие проблемы встречаются?" "Как делать запросы при помощи react-query"
    #программирование #фронтэнд #it

Komentáře • 26

  • @enot84js
    @enot84js Před 2 měsíci

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

  • @MagicMightNew
    @MagicMightNew Před 10 měsíci +2

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

  • @cdenis7578
    @cdenis7578 Před měsícem +1

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

  • @veniaminsamoylov1617
    @veniaminsamoylov1617 Před 3 měsíci

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

  • @NikOroferov
    @NikOroferov Před 2 měsíci

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

  • @Tabasco30
    @Tabasco30 Před rokem +2

    🔥

  • @esp2644
    @esp2644 Před měsícem

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

    • @esp2644
      @esp2644 Před měsícem

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

    • @viktor.riabkov
      @viktor.riabkov  Před měsícem

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

  • @true227
    @true227 Před rokem

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

  • @user-id4bw3tf5g
    @user-id4bw3tf5g Před 5 měsíci +3

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

  • @RussianFrontend
    @RussianFrontend Před 6 měsíci +3

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

    • @viktor.riabkov
      @viktor.riabkov  Před 5 měsíci

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

  • @cdenis7578
    @cdenis7578 Před měsícem

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

  • @2Extremum
    @2Extremum Před 5 měsíci +1

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

    • @viktor.riabkov
      @viktor.riabkov  Před 5 měsíci +1

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

  • @focus12024
    @focus12024 Před 3 měsíci

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

  • @user-be6bq2xs9e
    @user-be6bq2xs9e Před měsícem

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

    • @viktor.riabkov
      @viktor.riabkov  Před měsícem

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

  • @Fs-xj2gu
    @Fs-xj2gu Před měsícem

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

    • @viktor.riabkov
      @viktor.riabkov  Před měsícem

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

  • @user-md5mw1tp3e
    @user-md5mw1tp3e Před 5 měsíci

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

    • @viktor.riabkov
      @viktor.riabkov  Před 5 měsíci +1

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