Redux Toolkit для управления состоянием в React-приложении
Вставка
- Опубліковано 9 чер 2024
- Продвинутое управление состоянием React-приложения достигается путем использования дополнительных библиотек. Самой популярной из них является Redux. Годами она подвергалась жесткой критике из-за своей сложности, но с выходом версии Toolkit использовать ее стало много приятнее.
0:00 Актуальность стейт-менеджмента
4:06 Todo без Redux
22:35 Концепции Redux
25:52 Начало работы с Redux
36:54 Связь Redux и React
53:44 Подведение итогов и доп плюшки
Код из урока:
github.com/michey85/redux-too...
#redux
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
а как там типизировать экшен крейтеры и слайсы?
Сам метод *createSlice* возвращает нужный тип. Для него, по факту, необходимо затипизировать *initialState* отдельным интерфейсом, и при создании редьюсеров для параметра *action* передать дженерик тип *PayloadAction* (его можно импортировать прямо из @reduxjs/toolkit), ну и передать в параметр дженерика соответствующий интерфейс - какой объект ожидается на вход в action.
Тип экшн криейтора выводится автоматически из slice.action как *ActionCreatorWithPayload* , здесь от нас дополнительно ничего не требуется.
@@mishanep Спасибо большое! Изучать тайпскрипт можно сказать я начал буквально вчера.
Изучаю по видео Дима It camasutra react путь самурая версия 2.
У него просто обычные редюсеры, а мне слайсы безумно понравились, а то эти экшен крейтеры, диспатчы за 3 месяца уже успели надоесть.
Вот немного мучался с типизацией слайса.
Спасибо, вроде немного понял что ты написал
@@stephencurry8078 классический вариант Редакса типизировать - та еще боль. В этом плане с тулкитом намного проще.
@@mishanepЭто я заметил.
Кстати получается классический вариант редакса больше использовать не будут, или есть какая то польза от него?
@@stephencurry8078 полагаю, это остается на усмотрение команд. Думаю, многие по привычке продолжат использовать классический вариант. В целом, тулкит с избытком покрывает возможности обычного редакса.
я тут по наставлению одного самурая, Михаил мое почтение за ваш контент, лайк подписка
От it-camasutra что ли?🤣
@@thisissergo5874 я тоже смотрю и вас и каму 😁 огромный вам респект
Как по мне, Михаил - лучший русскоязычный преподаватель. Не встречал еще настолько понятного и простого разъяснения не самых простых вещей. Спасибо!
Арчаков и Жека самурай ,тоже отличные ребята ,все понятно и четко обьясняют
@@GUNTRUP_ тяжело самурайские приколы заходят... хочется менее эмоционального объяснения
@@user-oe1wv2se6y иди на канал Арчакова , там есть курс реакт сникерс , если знаешь +- джс ,тогда сможешь походу и реакт выучить на базе , ну а паралельно можешь Владелена смотреть ,тоже классный тип
@@user-oe1wv2se6y 100% согласен! Если бы меньше его приколов, зачастую вообще не нужных, то и длительность процентов на 30 можно было бы сократить без потери качества.
Прекрасный материал и подача! Спасибо огромное! Ничего лишнего, сразу понятно какие преимущества над старым вариантом работы с редаксом.
Мой первый комментарий на ютубе за 10 лет... Это Божественно! Изложено невероятно, все супер понятно. Подписка и круглосуточное изучение ваших видео!)
Один из лучших учителей по вебу на просторах ютуба. Учусь только у вас, Ulbi, Минина и Сташчука, но из всех у вас самый недооцененный канал.
посмотри еще Арчаков блог и Антона Ларина
Вот жиза, у меня те же любимые учителя + ещё Алекс Лущенко. Каждый в чем то хорош. Кто то js хорошо объясняет кто то реакт, а в данном случае лучше из всех обяснил Михаил)
Я бы сказал так, что все вышеперечисленные (включая автора этого канала) уступают Ивану Петриченко в качестве и проработанности подаваемого материала
Спасибо Ваши труды! Очень доступно объясняете все сложные моменты.
Хорошее и спокойное объяснение. Конечно нужно ставить на паузу и обдумывать информацию.
Спасибо Михаил! Отличная подача материала, все понятно и доступно
Отличная подача и степень понимания предмета! Приятно слушать, учиться, воспринимать информацию. Большое спасибо за работу!
Спасибо за такой подробный урок , самое понятное объяснение 👏
Материал шикарный, очень актуально и полезно, спасибо Михаил!
🙂
Спасибо за материал. Очень доступно. Смотреть - одно удовольствие.
Спасибо за материал! У Вас талант к преподаванию.
Спасибо Михаил! Отличная подача материала, все понятно и доступно.
лучшее объяснение такое сложной темы на хорошем и наглядном примере
спасибо!
Миша! Ты просто БОГ по обучению! Большое уважение тебе!
Спасибо Михаил, целый час полезной информации! 👍
Я вот тоже, ещё не смотрел, но уже напишу спасибо! Даже вкладку закрывать не стану. Михаил, спасибо!
Становится хорошей традицией =)
@@mishanep вот досмотрел. Было бы круто добавить работу с редакс в курс по Реакт на юдеми.
Возможно отдельным курсом. Но пока не знаю когда смогу взяться. Сейчас активно работаю над курсом по базовому JS. У меня в линейке курсов его очень не хватает.
@@mishanep да-да, кто-то обещал его летом :)
Спасибо большое. Очень трудно разобраться с redux toolkit не зная релакс. Все очень грамотно и подробно рассказали!
Благодарю, Михаил, за столь полезное и понятное видео! Прям то, что надо.
Спасибо большое, Михаил, за очень познавательное видео!
Отличная подача материала, все понятно с учетом того, что мой основной стек - бэкенд)) и я не так давно стал использовать React
Очень круто! Появилось понимание как этим пользоваться, все сразу стало легко и просто. Спасибо!
Спасибо Михаил, урок просто супер, все понятно, дай тебе бог здоровья! )
Михаил, как всегда - браво! Ты лучший преподаватель в рунете. Настолько грамотно, чётко, понятно, без "воды" и с прекрасной речью, по-моему никто не рассказывает
спасибо , у вас все на простом примере и из урока в урок перешел он же. что наконец то позволило мне врубится как это работает и дописать самому! от души
Редко пишу комментарии, но здесь не могу не оставить, спасибо за подробнейшее объяснение, смотрел документацию и несколько больших видео на ютубе, никак не далось понять основы, а вы так подробно разжевали ,еще раз спасибо и всех благ
Большое спасибо за доступный и понятный материал!
Супер!!!! Очень круто! Особенно вот эти моменты, видно и слышно ,как Миша душу вкладывает:
43:40
Огромное спасибо!
Очень качественный контент!
Лучшее объяснение Redux Toolkit!
Михаил, спасибо за подробный рассказ про redux toolkit
Спасибо! наконец я поняла RTK! Супер доходчиво, как всегда 👍🏻
Михаил спасибо за ваши уроки вы очень хорошо объясняете
Очень классно объясняете, пока что первое видео, которое сложило общую картину как и зачем мы используем redux, спасибо большое!
Огромное спасибо вам за урок, за этот час вы сэкономили мне кучу времени
Больше спасибо, Михаил. Всё очень понятно. Было полезно.
Спасибо огромное! Это как всегда было прекрасно, как и все видео на канале!
Волшебно объясняешь! Спасибо за видео!
Качественный контент. Приятно слушать) Респект автору
Мужик, спасибо тебе большое, простым языком отлично объяснял!
Михаил, спасибо огромное, даже я поняла))) осталось раз 20 повторить для закрепления)
Напишу еще раз, мне очень понравилось твое объяснение. Огромная благодарность тебе.
Спасибо большое за данное видео! Очень помогает понять основы, немного окунуться во всё это и создать себе базу, от которой можно дальше глубже нырнуть в тулкит 😀
Михаил спасибо, очень доступно и хорошо объясняете
Очень хорошее видео, пересматриваю его уже несколько раз, чтобы моя башка поняла, потому что по другим видео вообще не могу вчехлить Redux, спасибо Мишань!!! Респект тебе и продвижения канала!
Супер!!!! Очень круто!!!! Особенно видно и слышно, как Миша душу вкладывает:
43:30
56:12
Спасибо, Михаил. Стало чуточку понятнее, но в целом редакс пока что не помещается в голове. Внимательно посмотрел, теперь все повторю. Мне нравится подача, объяснение, голос. Желаю развития вашему каналу.
++ тоже самое. Надо попрактиковаться чтоб в голове уселось.
А ты наверно уже знаешь нормас и работаешь скорее всего. Год уже прошел)
ну как засело в голове ?))
что делал
это просто прекрасно, спасибо большое за вашу работу
Спасибо очень доходчиво объяснил, мне тяжело дается новая информация но я все понял)
Уже давно пытаюсь вникнуть в Redux и только после этого видео всё встало на свои места. Спасибо!
Михаил, заранее благодарю!
ясно, в след проекте попробую и с тулкитом поработать. Благодарю за пример 👍
Михаил, спасибо за ваш труд! Вы очень хорошо и доходчиво все объясняете, все разжевано, но при этом без лишних слов. С уважением, ваш подписчик 👍
Спасибо! Идеально объясняете) Все понятно
Михаил, Вам огромная благодарочка. Не знаю по какой причине, но голый React мне был более понятен чем Redux. Благодаря Вам, у меня все встало на своим места
Спасибо, это лучшее видео по Redux
Я конечно новичек, но материал и его подача - высочайший уровень, приятный голос как супербонус, благодарю за ваш материал!
Спасибо большой за урок первый раз доходчива понял
спасибо за объяснение, все стало понятней)
Огромное спасибо! Очень подробно и понятно!
Очень крутое объяснение! Наконец-то поняла :) Спасибо вам
Михаил спасибо! Очень круто всё объяснил
Спасибо огромное) помогаешь развиваться. Успехов во всём)
спасибо тебе большое, всё очень очень просто и понятно, то что я искал👍
Спасибо, все очень понятно изложено.
Кучу денег плачу на курсах и так не обьясняют. А тут за час общая картина раскрыта и стало намного понятнее. Спасибо!!!
на 27 минуте, это лучшее объяснение за все ролики мать их которые я пересмотрел по редаксу!!!
Урок полезный, но светлая тема - вырви глаз! ))
Да-да, меня уже давно вынудили пересесть на темную тему))
Недавно на проекте коллега шарил экран и я удивился почему он использует светлую тему. И он сказал, что его глазам проще смотреть на светлую тему, так как с темной они быстрее устают и начинают болеть. Так что здесь нет универсального решения.
Спасибо! Как раз недавно начал изучать toolkit, ничего не понятно было до момента просмотра вашего видео)
большое спасибо автору, благодаря тебе я наконец-то понял redux-toolkit. Пожалуйста продолжай в том же духе
Как всегда все на высшем уровне!
Очень хорошее объяснение, спасибо!
Очень хороший курс, спасибо
Спасибо за отличный урок!!!
Спасибо за урок смотрела видео раз 30юНачала создавать сама с Вами шаг за шагом. Наконец-то дошло. Но надо практиковать.....
со второго раза прям хорошо понял, спасибо, Михаил!
Отличное видео! все подробно и понятно!
Блиииин наконец-то понял Редакс. Спасибо за видео.
Спасибо за видео, очень понятно обьясняете
Спасибо Михаил за полезный контент!
Спасибо за материал.
уже довольно долго изучаю реакт по видосам айти камасутры и сам js в общем,но тут захожу и в простой туду задаче нахожу много новых фишек в первые же 10 минут видео,довольно круто и интересно,лайк подписка однозначно
Спасибо, всё понятно. Отличное видео.
cпасибо лучший - без напряга
Спасибо за качественный контент!
спасибо большое. Очень полезный материал
долгое время не мог понять что такое слайс)
Спасибо за урок
Подача материала шикарная))
чел не знаю жив ты или нет, но чтобы не было не бросай это
самое лучшее explain за весь youtube
Почему не жив-то? Очень даже, уроки выпускает! ❤
Спасибо, очень подробно и понятно!
Ты умничка, спасибо тебе большое
После самурая 1 эта информация спасает!спасибо )
Спасибо за видосик, в данный момент изучаем этот модуль, не много просветил, тема действительно не легкая, успехов в разработки!))
спасибо больсхое Михаил, очень хорошое обяснение, очень-очень помогло!
По красоте объяснил!
качественное и информативное видео, спасибо!
Крутой урок. Спасибо Вам, Михаил. Регулярно Вас смотрю. Молю, можно пожалуйста, меньше белых тем. Это не очень приятно для глаза, особенно, если очень яркий IPS монитор ;) Спасибо!!
Спасибо! Очень доходчиво!
Спасибо большое за контент, я наконец то понял как это работает =))
Спасибо большое за видео