⚡️Быстрый курс по Redux Toolkit (React, RTK query, TypeScript, Next.js)

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024

ความคิดเห็น • 76

  • @REDGroup
    @REDGroup  2 ปีที่แล้ว +7

    🔥 Оформить премиум подписку - htmllessons.ru/premium
    ✨Свежая Версия 2023 года - th-cam.com/video/gPmYTqGPDWA/w-d-xo.html
    Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 170 лайков и я снимаю еще ролик про Redux
    Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
    Скачать 🖥 исходник проекта в нашем хранилище - htmllessons.ru/storage#storage_file_38
    Тайм коды:
    00:00 - Начало
    00:41 - Новый крутой браузер (Min)
    02:14 - ДЕМО
    04:32 - Установка проекта + зависимости
    06:04 - Немного о проекте (какое API будем использовать?)
    07:48 - RTK Query (api на получение товаров)
    14:17 - Конфигурация store
    16:20 - Хук из RTK Query
    19:06 - Пишем первый slice (для корзина)
    20:23 - Reducer (добавление в корзину)
    22:11 - Reducer (удаление из корзины)
    23:14 - Делаем удобные хуки (useActions)
    25:43 - useTypedSelector
    26:20 - Добавление в корзину по кнопке
    27:00 - Проверка на добавленный товар
    28:45 - Вывод корзины из store
    30:07 - Удаление из корзины по кнопке
    31:21 - Формат крутой, где скачать?

  • @АлексейБомко-ь1ш
    @АлексейБомко-ь1ш 8 หลายเดือนก่อน

    Классный ролик - скачал вариант для ленивых, повторил часть кода, теперь думаю воспользоваться вариантом с минимальным описанием) Спасибо!

  • @SanjarKodirov-ww3le
    @SanjarKodirov-ww3le 2 ปีที่แล้ว +3

    Недавно увидел ваш
    канал просто шикарные уроки спасибо

  • @tiktoker428
    @tiktoker428 2 ปีที่แล้ว +2

    Круто особенно то что typescript которое я не так хорошо знаю смог узнать новое в этом видео, точно лайк

  • @elenbaking225
    @elenbaking225 2 ปีที่แล้ว +1

    Это очень круто!!! 🔥 🔥 🔥

  • @talivel118
    @talivel118 2 ปีที่แล้ว +1

    🔥Урок просто огонь!🔥
    Продолжай в том же духе! 😀

  • @mymanio9899
    @mymanio9899 2 ปีที่แล้ว +1

    Не мог не поставить лайк, видос огонь и в самое подходящее время.

  • @АлексейСоловьев-е9о
    @АлексейСоловьев-е9о ปีที่แล้ว

    Спасибо большое, узнал много нового!

  • @sgu6ena
    @sgu6ena 2 ปีที่แล้ว +3

    Спасибо огромное и за тайпскрипт, и за тулкит

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      Рад, что Вам понравилось

  • @woodDacha
    @woodDacha 2 ปีที่แล้ว +1

    Отдельное спасибо за пустой и готовый проект. Обязательно попробую повторить по видео :)

  • @haibova_irisha
    @haibova_irisha 2 ปีที่แล้ว

    спасибо за это видео ! вы очень доступно излагаете свои мысли

  • @daniil__kryuchkov
    @daniil__kryuchkov ปีที่แล้ว

    Все получилось, в конце была ошибка Invalid with child. Please remove or use . Чтобы ее решить, нужно удалить из все теги

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      Да, потому что next обновился

  • @bambalbino
    @bambalbino 2 ปีที่แล้ว

    Спасибо!

  • @kostyafrompiter
    @kostyafrompiter 2 ปีที่แล้ว

    Спасибо Максим!!!!

  • @markwellofficial
    @markwellofficial 2 ปีที่แล้ว

    Спасибо за материал и мотивацию

  • @ГаниевДавлет
    @ГаниевДавлет 2 ปีที่แล้ว

    Шикарный курс 👍

  • @HeaDannn
    @HeaDannn ปีที่แล้ว

    С хуком useOutside баг непонятный происходит, если внутрь кнопки с функцией смены состояния корзины положить строку или див, повторный клик на нее не будет закрывать корзину, только клик снаружи. Однако, такого бага не происходит, если внутри кнопки находятся любые svg-шки, в примере - из реакт иконок.

  • @dmitriyegorov5553
    @dmitriyegorov5553 2 ปีที่แล้ว

    Нормас. Спасибо

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว +1

      Пожалуйста

  • @ОльгаДерябина-х3и
    @ОльгаДерябина-х3и 2 ปีที่แล้ว +2

    Спасибо огромное, благодаря вашему видео я наконец-то смогла удалить элементы из store😂

  • @МишаКоваленко-б3я
    @МишаКоваленко-б3я 7 หลายเดือนก่อน

    Актуально на данный момент?

  • @7iomka
    @7iomka 2 ปีที่แล้ว

    170+ лайк поставил - есть ролик уже про ридакс?) Очень надо) Давно с ним не связывался, а сейчас всякие тулкиты появились и тд) На Effector сижу пока, но вакансии требуют redux...

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      К сожалению нет, он уже не актуален

    • @7iomka
      @7iomka 2 ปีที่แล้ว

      @@REDGroup а что актуально и где посмотреть? redux-toolkit я так понимаю всё покрывает?)

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว +1

      Да он супер удобный. Вы задаёте слишком общий вопрос, просто смотрите ролики на моем канале и то, какие технология я использую

  • @sportschelsea8799
    @sportschelsea8799 ปีที่แล้ว +1

    Появился вопрос, насколько актуален этот курс сейчас?

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      А почему нет?

    • @sportschelsea8799
      @sportschelsea8799 ปีที่แล้ว

      ​@@REDGroup ну когда технология обновляется часто, то курс который вышел год назад может вполне потерять актуальность

    • @sportschelsea8799
      @sportschelsea8799 ปีที่แล้ว

      Вот я и спрашиваю, чтобы понять есть смысл смотреть, или лучше найти более свежие курсы

  • @evgeniy2526
    @evgeniy2526 2 ปีที่แล้ว

    Подскажите, а что лучше использовать для работы с api createAsyncThunk или rtk query?

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      Это абсолютно разное, я не смогу в одном комментарии объяснить. Во многих видео говорил, rubute и точка посмотрите.

  • @Syderi07
    @Syderi07 ปีที่แล้ว

    не понял. откуда берется product в мапе?

  • @Yakudza101
    @Yakudza101 2 ปีที่แล้ว

    Какая у вас тема в vs code?

  • @МедетБерикбаев
    @МедетБерикбаев 10 หลายเดือนก่อน

    Всем привет! Ребята подскажите пж как найти курс по Redux? Чистый Redux. Redux Toolkit не нужен. В ютбьюе все видео где написано Redux на самом деле про Redux Toolkit. Redux Thunk, Toolkit, Saga не нужен. Нужно чистый Redux. (npm install redux, так сказать) Где найти? Даже платный курс попробовал, тоже оказалось про Redux Toolkit😑

    • @REDGroup
      @REDGroup  10 หลายเดือนก่อน +1

      Привет, редакс больше не актуален, теперь это называется редакс тулкит

    • @МедетБерикбаев
      @МедетБерикбаев 10 หลายเดือนก่อน

      @@REDGroup ааа теперь понятно все. Спасибо большое!

  • @tiktoker428
    @tiktoker428 2 ปีที่แล้ว

    микрофон у тебя Blue Yeti ?

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      Пока в Стамбуле да, но звук от HyperX Quadcast мне больше нравится.

  • @АлексейБомко-ь1ш
    @АлексейБомко-ь1ш ปีที่แล้ว

    Не смог скачать исходники по ссылкам, зарегистрировался и все равно не удача 😢 А так уроки классные, спасибо.

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      А что значит не удача, в разделе хранилище все доступно. Спасибо

    • @АлексейБомко-ь1ш
      @АлексейБомко-ь1ш ปีที่แล้ว

      403 ошибка Forbidden nginx/1.19.2

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      Вы не по той ссылке переходите, у нас они обновились. Прям в кабинете нажмите хранилище и найдите файл

    • @АлексейБомко-ь1ш
      @АлексейБомко-ь1ш ปีที่แล้ว

      Да, спасибо, скачал из хранилища

  • @СтаниславПопов-ю3з
    @СтаниславПопов-ю3з 2 ปีที่แล้ว

    А на какую тему интенсивы будут?

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว +2

      Два интенсива для продвинутых, первый про серверную часть на nestjs + TS, второй про фронтенд на nextjs + TS. Тему проекта пока оставлю в тайне, чтобы интригу сохранить, но он будет супер крутой. Сейчас на сайте есть интенсивы для новичков, там мы разработали приложение для тренировок.

    • @Гилфойл-т4я
      @Гилфойл-т4я 2 ปีที่แล้ว

      @@REDGroup збс!!!))

  • @kupolhub6991
    @kupolhub6991 2 ปีที่แล้ว +2

    Первый

  • @shortstime6664
    @shortstime6664 2 ปีที่แล้ว

    макс, сделаю копию вконтакте, думаю многим зайдет

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

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

  • @АлександрМ-ъ9п
    @АлександрМ-ъ9п 2 ปีที่แล้ว

    данное приложение поддерживает сео?

  • @speedayd9083
    @speedayd9083 2 ปีที่แล้ว

    Привет, можешь сделать такой же курс по mobX?

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว +2

      Привет, mobx не использовал в реальных проектах. Не смогу чему то научить.

  • @Гилфойл-т4я
    @Гилфойл-т4я 2 ปีที่แล้ว +1

    Я тупо не могу зарегаться на сайте чтоб купить подписку, ошибки сыпятся... скрины могу скинуть. Жесть какая-то

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      Напишите на почту 8555234@gmail.com

    • @Гилфойл-т4я
      @Гилфойл-т4я 2 ปีที่แล้ว

      @@REDGroup Макс, я написал :)

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      Понял, в понедельник посмотрю

  • @Moonlight-kh9pr
    @Moonlight-kh9pr ปีที่แล้ว

    как использовать ref вместе со styled components

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      Не работал со styled component

    • @Moonlight-kh9pr
      @Moonlight-kh9pr ปีที่แล้ว

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

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      Штука ужасная, добавляет сахар в код. Слишком много компонентов просто ради стилей

    • @Moonlight-kh9pr
      @Moonlight-kh9pr ปีที่แล้ว

      @@REDGroup правильно ли я понял что html разметку стандартную лучше использовать?

    • @REDGroup
      @REDGroup  ปีที่แล้ว

      Не понял ваш вопрос

  • @bobomurod
    @bobomurod 2 ปีที่แล้ว

    Istanbul же

  • @UrakovAnton
    @UrakovAnton 2 ปีที่แล้ว

    а можно с SSR?

    • @REDGroup
      @REDGroup  2 ปีที่แล้ว

      В интернете все есть, слишком узкая тема для канала

  • @realtorBG
    @realtorBG 2 ปีที่แล้ว

    зашибис