Курс React Query за 40 минут! TanStack Query v5 | RED Course

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

КОМЕНТАРІ • 68

  • @REDGroupPlus
    @REDGroupPlus  3 місяці тому

    Всех с праздником! 🎉
    🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
    *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!

  • @asaiku
    @asaiku 5 місяців тому +2

    Такого формата ролики мне очень нравятся, когда вырезано все лишнее и только по делу. Благодарю за контент.
    К вопросу об темах в ide я за стандартную тему. Раньше были ролики которые тяжело смотреть из-за шрифта или из-за цветовой схемы.

  • @ДмитрийЧуков-д9н
    @ДмитрийЧуков-д9н 24 дні тому

    Спасибо за труд

  • @hecker798
    @hecker798 6 місяців тому +1

    Подача контента как всегда огонь, понятно и без воды.Очень нравится когда ты в курсах показываешь крутые примеры для закрепления на практике, например в курсе по React ты делал редактор email письма, это было очень интересно , и это идеально подошло чтобы показать все на практике.Надеюсь на дальнейшее развитие канала, жаль что у такого годного контента так мало просмотров.

  • @DmitryBelykh
    @DmitryBelykh 6 місяців тому +2

    Чисто зашел просто глянуть что там на пару минут и короче весь видос посмотрел, крутой)

  • @REDGroupPlus
    @REDGroupPlus  6 місяців тому

    🔥 Оформить премиум подписку (теперь все мастер-классы, также в подписке) - htmllessons.io/premium
    Поддержи видео лайком, 700 лайков 👍 и я выпускаю курс по React Hook Form!
    Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
    00:00 - Начало
    01:55 - В этом видео
    02:17 - Что такое React Query?
    04:29 - React Query vs Tanstack Query
    05:37 - Установка react
    06:50 - Тема в vs code
    07:11 - Установка react query
    08:57 - useQuery
    11:25 - Фикс ошибки
    16:50 - Axios
    17:46 - События и запросы
    20:28 - Продвинутые техники запросов
    27:10 - Состояние и ревалидация
    31:00 - Данные по умолчанию
    32:47 - useMutation
    39:04 - mutate vs mutateAsync
    39:39 - Мониторинг и кэш
    40:52 - Организация запросов в больших проектах
    43:22 - Заключение

  • @vitalex9383
    @vitalex9383 6 місяців тому +2

    Спасибо) Ждем хук форм

  • @VLAD8D-edits
    @VLAD8D-edits 2 місяці тому

    видосик крут спасибо все не как разобратся не мог а тут за 1 урок все сразу

  • @alyu6351
    @alyu6351 2 місяці тому +1

    26:33 а почему async для запроса поста не нужен?

  • @tolyachernov7849
    @tolyachernov7849 6 місяців тому

    Классная подача информации! Спасибо!

  • @romanbrandt7986
    @romanbrandt7986 2 місяці тому +1

    Вроде как можно просто if() использовать без Эффекта или? React Query типа упрощает же дело с запросами и уводит нас от использования всех премудростей с useEffect(), А тут получается частичка все таки от Effect осталась.

  • @IvanMalinovskyi-q4z
    @IvanMalinovskyi-q4z 6 місяців тому +1

    Как всегда топ.
    Единственное что хотелось в каждом таком ролике это имплементировать хорошую практику,даже в ущерб времени видео.К примеру структура проекта,выносить все как в реальных проектах чтобы можно было посмотреть видео и научиться параллельно ещё и хорошим практикам.Спасибо

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому

      Я считаю это разные форматы. У нас будут проекты на канале и также есть интенсивы на сайте. А этот формат чисто тиоретичкский

  • @vladtsiganov8231
    @vladtsiganov8231 6 місяців тому +5

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

  • @maksymshypytsia5217
    @maksymshypytsia5217 6 місяців тому

    Круто, ждем реакт хук форм!!

  • @wtorkanorka
    @wtorkanorka 2 місяці тому +1

    Ладно подпишусь, окей

  • @Анжелика-в7д
    @Анжелика-в7д 3 місяці тому

    Оо вовремя, как раз проект делаю. Давай потом про тесты для фронта))

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

    26:30 почему на getData у поста async выпилил?

    • @GunS0tm
      @GunS0tm 3 місяці тому

      useQuery ожидает в queryFn получить промис, поэтому async не обязателен, getData и так возвращает промис.

  • @BarcikMinusPTS
    @BarcikMinusPTS 6 місяців тому

    Отличное видео, спасибо

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у Місяць тому

    React Query можно использовать с Next js? И на сколько это целесообразно?

    • @REDGroupPlus
      @REDGroupPlus  Місяць тому

      А в чем разница?

    • @ВикторКулагин-ь2у
      @ВикторКулагин-ь2у Місяць тому

      @@REDGroupPlus Доброго дня! У меня опыт не считая Php фреймворков только на React, React Native (expo, cli) vue совсем мало. Нужно написать проект (похоже на Экосистема электронного бронирования | Altegio) только проще. Что для этого лучше подойдёт React или Next попробовать? И нужно ли с Next js какие-то стейт менеджеры применять? В React разные применял стейты. Next я заинтересовался. Спасибо!

  • @Рельныйобзор
    @Рельныйобзор 5 місяців тому

    спасибо очень крутой видос

  • @tahrizade
    @tahrizade 3 місяці тому

    Tancstack query это работает и как Store ? или для этого нужен отдельный Store ? + tanstack ??? например каакие то данные хочу отправит и получит response и этого response мог на другом страниче получит. для этого case нужен еще store или могу это все делать с Tanstack ???? 🤨🤨🤨🤨

    • @narekdunama1yan744
      @narekdunama1yan744 3 місяці тому

      полностью не заменит отдельные сторы, но многое можно делать с помощью tanstack query

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

    Интересно сравнение хотя бы каких-то критичных моментов с похожими библиотеками. На текущем проекте решил использовать RTKQuery, потому что уже использовал Redux. Посмотрел 25 минут, и пока по ощущениям РТККвери больше вкатывает, но как будто бы просто дело вкуса
    Кто может сказать, какие есть отличия между Танстаком и РТКквери? Может в каких-то кейсах кто-то из них проигрывает? Или примерно то же самое?

  • @tigrover-gamesanime9585
    @tigrover-gamesanime9585 6 місяців тому

    Здраствуйте . Очень крутые видео . Всегда смотрю ваши курсы . По вашему курсу выучил реакт , tailwind и еще ts с предыдущих 2 курсов по ts . У меня проблема . Когда я создаю vite ts react папку запуская его выходит ошибка bindings not found . Может это из-за tailwind - а ?
    Хотелось бы увидеть 2 часовую практику с ts + react + tailwind .
    Было бы очень круто , ведь в нем будет решение моей проблемы

  • @GioMikadzegio9000
    @GioMikadzegio9000 6 місяців тому

    Спасибо за видео бро !
    Макс ты как то говорил про TS ,что сделаешь видео боле обширным , это еще актуально ? Спасибо

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому

      Я такого не говорил. Курс есть на канале

  • @Александр-ы5ц4ж
    @Александр-ы5ц4ж 5 місяців тому

    Стоит ли использовать SWR вместо React query для небольшого интернет магазина?

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

      Очень ограничен по функционалу, я пытался много раз но в окончании всегда переходил на react query или Apollo если graphql

    • @Александр-ы5ц4ж
      @Александр-ы5ц4ж 5 місяців тому

      Понял, спасибо

  • @vitaliihorovuy9064
    @vitaliihorovuy9064 6 місяців тому +3

    react query + zustand

  • @vladislavromanov3384
    @vladislavromanov3384 6 місяців тому

    Привет! А для валидирования хук форм используешь что-то отдельное? Yup или что-то в таком духе. Было бы здорово в этом направлении тоже что-то услышать от тебя. Спасибо за видео!

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому

      Привет. Нет, в хук форме под капотом шикарная валидация. Это если формик юзать там да требуется

  • @МишаКоваленко-б3я
    @МишаКоваленко-б3я 6 місяців тому

    Ребят давай поддержим ред група активом

  • @dn1provskiy
    @dn1provskiy 6 місяців тому

    Привет, подскажи пожалуйста цветовую тему которая на видео VS Code, так же как называются иконки?

    • @molodoy8839
      @molodoy8839 6 місяців тому

      Описание видео глянь

    • @dn1provskiy
      @dn1provskiy 6 місяців тому

      @@molodoy8839 это как будто не та тема, у него светлее, и цвет отличается, то что я скачал

    • @dn1provskiy
      @dn1provskiy 6 місяців тому

      @@molodoy8839 Бро, скачал цветовую тему Rose Pine, она отличается от этой.

    • @y0oshi2
      @y0oshi2 6 місяців тому

      One hunter, иконки хз

  • @МишаКоваленко-б3я
    @МишаКоваленко-б3я 6 місяців тому +1

    Жду курс по хукформам он ведь должен быть? И по SAAS

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому

      Как и писал выше, 700 лайков и публикуем

    • @МишаКоваленко-б3я
      @МишаКоваленко-б3я 6 місяців тому

      @@REDGroupPlus не увидел, теперь увидел 😂

  • @hecker798
    @hecker798 6 місяців тому

    Ждем курс по Nest Js

  • @alexfly8033
    @alexfly8033 6 місяців тому

    Что за иконки в VSCode у тебя?

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому

      Catpuccin icons или symbol icons

    • @alexfly8033
      @alexfly8033 6 місяців тому

      @@REDGroupPlus спасибо огромное

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

    Что за расширение которое подсказывает?

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

    25:00 это называется интерполяция ;)

  • @ГригорийТомилин-ь5я
    @ГригорийТомилин-ь5я 2 місяці тому

    Цитата реакт квери позабавила 😁

  • @axhmed4257
    @axhmed4257 6 місяців тому

    что за иконки в vs я тему нашел в описание но иконки не нашел

    • @REDGroupPlus
      @REDGroupPlus  6 місяців тому +1

      Symbol icons или catpuccin icon

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

    👌👌👌👌

  • @ГригорийТомилин-ь5я
    @ГригорийТомилин-ь5я 2 місяці тому

    используй default

    • @REDGroupPlus
      @REDGroupPlus  2 місяці тому

      default это не прочная конструкция. Если говорить кратко. Ты никогда не можешь быть в нем уверен.

    • @ГригорийТомилин-ь5я
      @ГригорийТомилин-ь5я 2 місяці тому

      @@REDGroupPlus да я про тему для видео видимо...
      Как будто бот ответил 😁

  • @H1roHamada
    @H1roHamada 6 місяців тому

    ⚠⚠⚠
    Клиентские стейт менеджеры тоже нужно изучать т.к в компаниях куча легаси

  • @Videos-vid
    @Videos-vid 6 місяців тому +3

    SQL Node js Express js

  • @devcodingitstudio2764
    @devcodingitstudio2764 6 місяців тому

    топчик🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔🍔