RED Group +
RED Group +
  • 43
  • 229 450
Лучше, чем Redux? Освой Zustand за 30 минут (+ Jotai)
🔥 Оформить премиум подписку - htmllessons.link/zustand
❤️ Отзывы тут - t.me/htmllessons_reviews
🦋 Наш ТГ канал - t.me/redgroup
Поддержи видео лайком, 1000 лайков 👍 и я снимаю курс по redux toolkit.
Скачать 🖥 папку проекта - htmllessons.link/0SmhiCO
Готовы упростить управление состоянием в React? Zustand - это то, что вам нужно! В этом видео мы погрузимся в мир Zustand и сравним его с Redux. За 30 минут вы освоите создание стора, асинхронные экшены и продвинутые техники. Узнаете, почему разработчики выбирают Zustand для своих проектов. Бонусом - знакомство с Jotai! Независимо от того, новичок вы или опытный разработчик, этот туториал поможет вам улучшить ваши React-приложения. Не упустите шанс стать экспертом в современном state-менеджменте. Смотрите сейчас и поднимите свои навыки на новый уровень!
🔥 Наш основной канал - www.youtube.com/@REDGroup
🍥 Тема в редакторe/Шрифт/Иконки: Dark Modern/Darcula - Jetbrains Mono - Quill Icons
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze или KZZI K75Pro (свитчи те же)
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00 - Начало
02:41 - Что такое Zustand
04:00 - Чем он крут?
05:00 - Установка
06:35 - Создание простого стора
11:38 - Использование стора в компонентах
15:23 - Продвинутые техники Zustand
17:49 - Асинхронные actions
20:11 - Оптимизация производительности
21:10 - Бонус: Введение в Jotai
30:25 - Заключение
🌿 Плейлист с полными курсами для новичков и не только - th-cam.com/users/playlist?app=desktop&list=PLt130e52Fzn7iPxT2DFgdTP1imAuBrBk8
👇 Полезные ссылки:
- Настройка VS Code th-cam.com/video/_oKVkJj6C6Y/w-d-xo.html
- Настройка терминала th-cam.com/video/6qzyWLZha0E/w-d-xo.html
👉 Все ссылки (+ настройка редактора) и информация обо мне - htmllessons.io/links
Контакты для связи
partners@htmllessons.io - Реклама и сотрудничество
work@htmllessons.io - Если хотите к нам в команду
#React #Zustand #Redux #REDGroup #RedGroupPlus
มุมมอง: 5 138

วีดีโอ

Prisma - ЛУЧШИЙ инструмент для баз данных?
มุมมอง 8K2 หลายเดือนก่อน
🔥 Оформить премиум подписку - htmllessons.link/st3owHI ❤️ Отзывы тут - t.me/htmllessons_reviews 🦋 Наш ТГ канал - t.me/redgroup Поддержи видео лайком, 500 лайков 👍 и я выпускаю курс по Zustand и Jotai. Скачать 🖥 папку проекта - htmllessons.link/prismrep Погрузитесь в мир Prisma - революционного ORM для работы с базами данных! В этом видео мы раскроем, почему Prisma стала выбором №1 для back-end ...
Анимированный сайдбар за 40 минут! React / Framer-motion / Jotai
มุมมอง 9K3 หลายเดือนก่อน
🔥 Оформить премиум подписку - htmllessons.io/premium? ❤️ Отзывы тут - t.me/htmllessons_reviews 🚀 МК "Реализация фильтров/пагинации/сортировки" Осталось 30% мест, успевай! - t.me/pay_mk_filters_bot Подробнее о мастер классе - t.me/redgroupchannel/1845 🦋 ТГ канал (Розыгрыш 6 годовых лицензий любого продукта компании Jetbrains) - t.me/redgroupchannel/1871 Смотри нас в VK Видео - video/@redg...
ПОЛНЫЙ КУРС NODE JS / EXPRESS за 2 часа - С НУЛЯ до ПРОФИ!
มุมมอง 20K4 หลายเดือนก่อน
🔥 Оформить премиум подписку - htmllessons.io/premium? ❤️ Отзывы тут - t.me/htmllessons_reviews 🚀 МК "Реализация фильтров/пагинации/сортировки" Осталось 30% мест, успевай! - t.me/pay_mk_filters_bot Подробнее о мастер классе - t.me/redgroupchannel/1845 🦋 ТГ канал (Розыгрыш 6 годовых лицензий любого продукта компании Jetbrains) - t.me/redgroupchannel/1871 Смотри нас в VK Видео - video/@redg...
Обновление 2.0.4/2.0.5 | Что нового в htmllessons?
มุมมอง 2.3K4 หลายเดือนก่อน
🔥 Оформить подписку и посмотреть обновление - htmllessons.io/premium? 🦋 Наш ТГ канал - t.me/redgroupchannel Поддержи видео лайком, 👍! Обновление 2.0.4/2.0.5 | Что нового в htmllessons? #htmllessons 00:00 - Начало 02:48 - 2.0.3 04:16 - 2.0.4 10:31 - 2.0.4.1 12:20 - 2.0.5 🔥 Наш основной канал - www.youtube.com/@REDGroup 🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze или KZZI K75Pro (свитчи те ...
АДАПТАЦИЯ САЙТА на примере РЕАЛЬНОГО проекта | CSS, SCSS, Tailwind
มุมมอง 6K4 หลายเดือนก่อน
🔥 Оформить премиум подписку - htmllessons.io/premium? ❤️ Отзывы тут - t.me/htmllessons_reviews 🦋 Наш ТГ канал - t.me/redgroupchannel Поддержи видео лайком, 500 лайков 👍 и я делаю новый полный курс! Скачать 🖥 папку проекта - htmllessons.io/repositories/99? В этом видео мы рассмотрим реальные примеры адаптации сайтов, используя CSS, SCSS и Tailwind. Вы узнаете, как эффективно запускать проекты и ...
ПОЛНЫЙ КУРС NEST JS за 3 часа - С НУЛЯ до ПРОФИ!
มุมมอง 33K4 หลายเดือนก่อน
🔥 Оформить премиум подписку - htmllessons.io/premium? ❤️ Отзывы тут - t.me/htmllessons_reviews 🚀 МК Авторизация 3.0: Совершенство" Старт через 2 дня! - t.me/pay_auth_perfection_bot Подробнее о мастер классе - t.me/redgroupchannel/1746 🦋 Наш ТГ канал - t.me/redgroupchannel Поддержи видео лайком, 1000 лайков 👍 и я делаю следующий полный курс (идеи пишите в комменты)! 💎 Скачать (папка проекта, 5 и...
🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]
มุมมอง 49K5 หลายเดือนก่อน
🚀 РАЗРАБОТКА ИГРЫ с НУЛЯ за 10 часов! [React / TS / Zustand]
Курс React Hook Form за 40 минут! RED Course
มุมมอง 12K6 หลายเดือนก่อน
Курс React Hook Form за 40 минут! RED Course
Курс React Query за 40 минут! TanStack Query v5 | RED Course
มุมมอง 14K6 หลายเดือนก่อน
Курс React Query за 40 минут! TanStack Query v5 | RED Course
TYPESCRIPT ЗА 30 МИНУТ! Курс Тайпскрипт с нуля | RED Course
มุมมอง 16K6 หลายเดือนก่อน
TYPESCRIPT ЗА 30 МИНУТ! Курс Тайпскрипт с нуля | RED Course
ПОЛНЫЙ КУРС TAILWIND CSS за 30 минут с нуля! RED Course
มุมมอง 23K7 หลายเดือนก่อน
ПОЛНЫЙ КУРС TAILWIND CSS за 30 минут с нуля! RED Course

ความคิดเห็น

  • @alexejcrumbambula
    @alexejcrumbambula 14 ชั่วโมงที่ผ่านมา

    Крутяк, для общего понимания - отлично!!!

  • @dmitrym840
    @dmitrym840 22 ชั่วโมงที่ผ่านมา

    Спасибо большое

  • @megalun_
    @megalun_ 2 วันที่ผ่านมา

    Классный урок. Не совсем понял зачем нужен useMutation. В чем отличие от прямого вызова функции? Мы же даже ничего не храним, просто отправляем запрос на создание

  • @verbs-otier-ru
    @verbs-otier-ru 5 วันที่ผ่านมา

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

  • @mackka2091
    @mackka2091 8 วันที่ผ่านมา

    Отличное видео! Как насчет курса по Appwrite?

  • @_oxios_
    @_oxios_ 12 วันที่ผ่านมา

    Надо курс по Prisma

    • @REDGroupPlus
      @REDGroupPlus 11 วันที่ผ่านมา

      Уже вышел на канале

  • @alexleshenko
    @alexleshenko 14 วันที่ผ่านมา

    Подача как говна ведро подкинул) но кому то зайдет, не знал бы это все, наверное оху**л на старте)

    • @flakeroo
      @flakeroo 11 วันที่ผ่านมา

      ПВХАЗПХВЗАПХ, да, тоже так подумал) я новичок) с ulbi tv не сравнима подача

  • @Айбек-г3е
    @Айбек-г3е 19 วันที่ผ่านมา

    Ля Макс прости если иногда хейтил тебя, твои ролики так сильно помогает мне, спасибо большое

  • @devdependescies
    @devdependescies 19 วันที่ผ่านมา

    брат призма топ но у меня есть вапрос можна ли зделать мягкуйу удаление данных как в typeOrm ???

    • @REDGroupPlus
      @REDGroupPlus 18 วันที่ผ่านมา

      Да, можно.

  • @vahe2016
    @vahe2016 19 วันที่ผ่านมา

    но в нем нету оператора as в отличии sequelize))

  • @jellylemonchannel
    @jellylemonchannel 21 วันที่ผ่านมา

    Сразу хочется сказать большое спасибо за такой труд и знания! То что по подписке проект это тоже правильно и адекватно! ❤ Я cg художник и рисую свою игру и сейчас изучаю разработку и такие видео дают возможность делать свои проекты! А делать графику оригинальную , не Аишную

  • @seeall2845
    @seeall2845 23 วันที่ผ่านมา

    есть очень классный framework , который в разы обходит nestjs по скорости и экосистеме под названием : elysiajs

  • @youngerit6330
    @youngerit6330 26 วันที่ผ่านมา

    Есть ли гайды как правильно использовать fastify в nestjs? Например, для загрузки файлов. Поставьте лайк, чтоб автор увидел

  • @ДмитрийЧуков-д9н
    @ДмитрийЧуков-д9н 29 วันที่ผ่านมา

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

  • @АлексАлекс-н4п1в
    @АлексАлекс-н4п1в 29 วันที่ผ่านมา

    Спасибо за экскурсию по Несту и другим технологиям! Было бы здорово рассказывать в каких конкретных кейсах ты использовал ту или иную фичу на своих проектах, когда говоришь, что использовал что-то пару раз.

  • @alexdenuke
    @alexdenuke หลายเดือนก่อน

    Терминал не отвлекает

  • @andynaz7044
    @andynaz7044 หลายเดือนก่อน

    4:03 Забыл, как расшифровывается LTS... Ну, ладно, хорошо, что хоть в начале ролика я это услышала. )))

  • @efimkapliy6370
    @efimkapliy6370 หลายเดือนก่อน

    Спасибо!

  • @efimkapliy6370
    @efimkapliy6370 หลายเดือนก่อน

    Отличное видео! Хорошая идея в конце ролика итог о пройденом подводить, вкратце!)

  • @igorbond2823
    @igorbond2823 หลายเดือนก่อน

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

  • @Yurii-f2u
    @Yurii-f2u หลายเดือนก่อน

    Жаль в вебшторме до сих пор не обновили prisma плагин и нельзя использовать prismaSchemaFolder. За что я плачу деньги...

  • @АлексейБатькович-з5т
    @АлексейБатькович-з5т หลายเดือนก่อน

    Привет. Еще пару месяцев назад я когда смотрел твои видео-блин, ну как же он плохо рассказывает. все непонятно. быстро. для кого это ваще. Всё это время я закачивал в себя знания по реакт, нексту, призме и прочие технологии. И теперь я смотрю твои видео и чудо. Блин, я почти всё понимаю и главное мне нравится формат что кратко, быстро и по делу. Теперь твои видео у меня в топе. Начал нэст изучать. Нравится. Просто бомба. Всё супер. Ты великий молодец. Респект тебе и спасибо. Drizzle прикручу вместо призмы в проект к себе. Чет миграции в призме какие то непонятные. Не хочу данные удалять из таблицы. Посмотрим как этот новый зверь справится)

  • @Ivan_Ilinov
    @Ivan_Ilinov หลายเดือนก่อน

    мощно, мощно вопрос: на каком стеке лучше такие игровые pwa разрабатывать?) если не ограничен стеком

  • @petrdorosh1650
    @petrdorosh1650 หลายเดือนก่อน

    На Record звук пропал. 31я минута.

  • @Sweet-Bubaleh
    @Sweet-Bubaleh หลายเดือนก่อน

    Спасибо! Скажите пожалуйста в каком софте вы делали визуальную схему сущностей?

  • @artem-web-developer
    @artem-web-developer หลายเดือนก่อน

    Интересное видео👍, Не подскажешь такой момент Ты сказал, что при использовании await в async функциях код выполняется дальше, если у нас такие строчки const twit = await twitService.createTwit(req.body) res.status(201).json(twit) Разве await не заставляет остановиться и дождать ответа от createTwit и только потом идет дальше? А как тогда safePare работает, мы же не пишем await перед этой функцией и получается js может не получить ответ от этой функции и просто пойти дальше?

  • @Timur-d2k
    @Timur-d2k หลายเดือนก่อน

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

  • @Евгений-ь9в3к
    @Евгений-ь9в3к หลายเดือนก่อน

    Не понимаю почему в js мире нельзя не менять инструменты каждые пол года, к примеру как в python - есть django, есть ее orm, пользуются ей 20 лет и всем ок

    • @pherobyte
      @pherobyte 9 วันที่ผ่านมา

      Щас вроде многие с джанго на фаст апи переходят?)

  • @Timur-d2k
    @Timur-d2k หลายเดือนก่อน

    а что за ерунда, в graphql playground появляются бесконечные незакрывающиеся подсказки, которые невозможно убрать

  • @АлексейТишаков-с1ц
    @АлексейТишаков-с1ц หลายเดือนก่อน

    Я вот себя на мысле ловлю, А ведь всего два года назад такие разборы звучали как нечто непостижимое. А щас сижу настраиваю деплой версию апки для текущего места работы, а на бекграунде просто слушаю грамотого человека, и блин все тебе понятно. Наверно дорос , пора на день програмиста тоже стол накрывать )) Как и на день Энергетика ) Автору респект много подчеркнул для себя.

  • @m_xasanov_blog
    @m_xasanov_blog หลายเดือนก่อน

    swagger у мена всё равно не работал

  • @BadBoy-sw5nk
    @BadBoy-sw5nk หลายเดือนก่อน

    макс, а ьудет курс по какой нибудь базе данных??

    • @REDGroupPlus
      @REDGroupPlus หลายเดือนก่อน

      В наших реалиях это не требуется. Orm все заменили

  • @ЗахарНовик-ц6х
    @ЗахарНовик-ц6х หลายเดือนก่อน

    Макс, привет. Можешь записать урок по написанию API на JS? Просто очень нужно. Смотрел твои уроки, просто огонь!)

  • @relaxLife04
    @relaxLife04 หลายเดือนก่อน

    круто бро

  • @devcodingitstudio2764
    @devcodingitstudio2764 หลายเดือนก่อน

    Топ))

  • @ВикторКулагин-ь2у
    @ВикторКулагин-ь2у หลายเดือนก่อน

    Спасибо!

  • @SoloNaro
    @SoloNaro หลายเดือนก่อน

    Красавчик! Большое спасибо за подробный и лаконичный ролик! Удачи тебе в твоём деле!

  • @likluklak
    @likluklak หลายเดือนก่อน

    Сделайте какой-нибудь ролик про Express 5

  • @escobar929
    @escobar929 หลายเดือนก่อน

    красава!!

  • @EuE747
    @EuE747 หลายเดือนก่อน

    что за приложуха для рисования

  • @ВикторКулагин-ь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 я заинтересовался. Спасибо!

  • @Rohan-Sensei
    @Rohan-Sensei หลายเดือนก่อน

    Давно ищу решение одной проблемы, нужна админка как Джанго, которая сама генерируется в зависимости от моих апи, то есть не кастомная админка, на малобюджетный проект я её писать не буду. Идеальным был бы nest-admin, но он не хочет ставится, давно уже не обновляли его и не поддерживает коммон js. Может автор подскажет варианты? Нужно что то похожее на nest-admin

  • @Vedariy
    @Vedariy หลายเดือนก่อน

    Спасибо за обзор. Жаль что Мета похоже похоронила RecoilJS. Отдельные селекторы и family задавали определённую архитектуру в управлении состоянием и реактивностью, Джотай упростил их подход, со своими плюсами и минусами.. Ещё многие говорят об ограниченности атомарных стейт-менеджеров, но редко когда указывают на конкретику (хотя она безусловно есть). Хорошо бы если Макс приводил примеры, в которых одно решение лучше другого (или почему одно решение не подходит для каких то задач) .

  • @Goboz1
    @Goboz1 หลายเดือนก่อน

    Го лайки, чтобы редакс вышел

  • @podpalmoi
    @podpalmoi หลายเดือนก่อน

    Курс по GraphQL актуален.

  • @oriumlol
    @oriumlol หลายเดือนก่อน

    этот гайд просто имба и терминал не мешает

  • @frontend_mentors
    @frontend_mentors 2 หลายเดือนก่อน

    Спасибо тебе огромное

  • @martysyuk
    @martysyuk 2 หลายเดือนก่อน

    Все супер, классный ролик. Но прямо уши режет ужасно, он не Жустант, если правильно читатьпо немецки то это "ЦУШТАНД" - переводится как "состояние". Именно ЦУ и ШТ.

    • @REDGroupPlus
      @REDGroupPlus 2 หลายเดือนก่อน

      Именно также мне писали и про жуштанд. Я уже устал от этого произношения. И так не нравится, и так не нравится. Может просто забить? Мы с вами на русском общаемся

    • @martysyuk
      @martysyuk 2 หลายเดือนก่อน

      @@REDGroupPlusда так то да, но если уж и забивать, то не пытаться «правильно» произносить и читать как обычно, «по русски» - Зустанд, но ЗуШтанд это прямо кровь моих ушей 😂

  • @disaythis362
    @disaythis362 2 หลายเดือนก่อน

    хочу очень большой блок по GraphQL прям максимально исчерпывающий)

  • @disaythis362
    @disaythis362 2 หลายเดือนก่อน

    Здесь есть примеры Queues, Task Scheduling?