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

Поділитися
Вставка
  • Опубліковано 14 лис 2024

КОМЕНТАРІ • 29

  • @enot84js
    @enot84js 4 місяці тому

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

  • @MagicMightNew
    @MagicMightNew Рік тому +3

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

  • @cdenis7578
    @cdenis7578 4 місяці тому +2

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

  • @veniaminsamoylov1617
    @veniaminsamoylov1617 5 місяців тому

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

  • @NikOroferov
    @NikOroferov 4 місяці тому

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

  • @Tabasco30
    @Tabasco30 Рік тому +2

    🔥

  • @RussianFrontend
    @RussianFrontend 9 місяців тому +3

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

    • @viktor.riabkov
      @viktor.riabkov  8 місяців тому

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

  • @esp2644
    @esp2644 4 місяці тому

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

    • @esp2644
      @esp2644 4 місяці тому

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

    • @viktor.riabkov
      @viktor.riabkov  4 місяці тому

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

  • @true227
    @true227 Рік тому

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

  • @макс-х9п9л
    @макс-х9п9л 2 місяці тому

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

    • @viktor.riabkov
      @viktor.riabkov  2 місяці тому

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

    • @макс-х9п9л
      @макс-х9п9л 2 місяці тому

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

  • @cdenis7578
    @cdenis7578 4 місяці тому

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

  • @АлександрПлуталов-ъ4ш
    @АлександрПлуталов-ъ4ш 7 місяців тому +3

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

  • @АндрейКарякин-и1ы
    @АндрейКарякин-и1ы 3 місяці тому

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

    • @viktor.riabkov
      @viktor.riabkov  3 місяці тому

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

  • @focus12024
    @focus12024 5 місяців тому

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

  • @2Extremum
    @2Extremum 7 місяців тому +1

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

    • @viktor.riabkov
      @viktor.riabkov  7 місяців тому +1

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

  • @ОлегСелин-ш9ы
    @ОлегСелин-ш9ы 7 місяців тому

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

    • @viktor.riabkov
      @viktor.riabkov  7 місяців тому +2

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

  • @Fs-xj2gu
    @Fs-xj2gu 3 місяці тому

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

    • @viktor.riabkov
      @viktor.riabkov  3 місяці тому

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