Redux Toolkit для управления состоянием в React-приложении
HTML-код
- Опубликовано: 2 июн 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 лет... Это Божественно! Изложено невероятно, все супер понятно. Подписка и круглосуточное изучение ваших видео!)
Хорошее и спокойное объяснение. Конечно нужно ставить на паузу и обдумывать информацию.
Спасибо Михаил! Отличная подача материала, все понятно и доступно
Спасибо за материал! У Вас талант к преподаванию.
Материал шикарный, очень актуально и полезно, спасибо Михаил!
🙂
Отличная подача и степень понимания предмета! Приятно слушать, учиться, воспринимать информацию. Большое спасибо за работу!
Спасибо за такой подробный урок , самое понятное объяснение 👏
лучшее объяснение такое сложной темы на хорошем и наглядном примере
спасибо!
Спасибо большое, Михаил, за очень познавательное видео!
Отличная подача материала, все понятно с учетом того, что мой основной стек - бэкенд)) и я не так давно стал использовать React
Спасибо большое. Очень трудно разобраться с redux toolkit не зная релакс. Все очень грамотно и подробно рассказали!
Спасибо за материал. Очень доступно. Смотреть - одно удовольствие.
Спасибо Михаил! Отличная подача материала, все понятно и доступно.
Очень классно объясняете, пока что первое видео, которое сложило общую картину как и зачем мы используем redux, спасибо большое!
спасибо , у вас все на простом примере и из урока в урок перешел он же. что наконец то позволило мне врубится как это работает и дописать самому! от души
Спасибо Михаил, целый час полезной информации! 👍
Один из лучших учителей по вебу на просторах ютуба. Учусь только у вас, Ulbi, Минина и Сташчука, но из всех у вас самый недооцененный канал.
посмотри еще Арчаков блог и Антона Ларина
Вот жиза, у меня те же любимые учителя + ещё Алекс Лущенко. Каждый в чем то хорош. Кто то js хорошо объясняет кто то реакт, а в данном случае лучше из всех обяснил Михаил)
Я бы сказал так, что все вышеперечисленные (включая автора этого канала) уступают Ивану Петриченко в качестве и проработанности подаваемого материала
Михаил спасибо за ваши уроки вы очень хорошо объясняете
Супер!!!! Очень круто! Особенно вот эти моменты, видно и слышно ,как Миша душу вкладывает:
43:40
Спасибо Михаил, урок просто супер, все понятно, дай тебе бог здоровья! )
Миша! Ты просто БОГ по обучению! Большое уважение тебе!
Михаил, спасибо за подробный рассказ про redux toolkit
Спасибо большое за данное видео! Очень помогает понять основы, немного окунуться во всё это и создать себе базу, от которой можно дальше глубже нырнуть в тулкит 😀
Благодарю, Михаил, за столь полезное и понятное видео! Прям то, что надо.
Очень круто! Появилось понимание как этим пользоваться, все сразу стало легко и просто. Спасибо!
Редко пишу комментарии, но здесь не могу не оставить, спасибо за подробнейшее объяснение, смотрел документацию и несколько больших видео на ютубе, никак не далось понять основы, а вы так подробно разжевали ,еще раз спасибо и всех благ
Михаил спасибо, очень доступно и хорошо объясняете
Большое спасибо за доступный и понятный материал!
Супер!!!! Очень круто!!!! Особенно видно и слышно, как Миша душу вкладывает:
43:30
56:12
это просто прекрасно, спасибо большое за вашу работу
Огромное спасибо вам за урок, за этот час вы сэкономили мне кучу времени
Огромное спасибо!
Очень качественный контент!
Лучшее объяснение Redux Toolkit!
Очень хорошее видео, пересматриваю его уже несколько раз, чтобы моя башка поняла, потому что по другим видео вообще не могу вчехлить Redux, спасибо Мишань!!! Респект тебе и продвижения канала!
Михаил, как всегда - браво! Ты лучший преподаватель в рунете. Настолько грамотно, чётко, понятно, без "воды" и с прекрасной речью, по-моему никто не рассказывает
Спасибо! наконец я поняла RTK! Супер доходчиво, как всегда 👍🏻
Волшебно объясняешь! Спасибо за видео!
Напишу еще раз, мне очень понравилось твое объяснение. Огромная благодарность тебе.
Больше спасибо, Михаил. Всё очень понятно. Было полезно.
Уже давно пытаюсь вникнуть в Redux и только после этого видео всё встало на свои места. Спасибо!
ясно, в след проекте попробую и с тулкитом поработать. Благодарю за пример 👍
Качественный контент. Приятно слушать) Респект автору
Мужик, спасибо тебе большое, простым языком отлично объяснял!
Спасибо! Идеально объясняете) Все понятно
Спасибо за урок смотрела видео раз 30юНачала создавать сама с Вами шаг за шагом. Наконец-то дошло. Но надо практиковать.....
Михаил, спасибо за ваш труд! Вы очень хорошо и доходчиво все объясняете, все разжевано, но при этом без лишних слов. С уважением, ваш подписчик 👍
спасибо за объяснение, все стало понятней)
Спасибо очень доходчиво объяснил, мне тяжело дается новая информация но я все понял)
Спасибо большой за урок первый раз доходчива понял
Спасибо огромное! Это как всегда было прекрасно, как и все видео на канале!
Спасибо! Как раз недавно начал изучать toolkit, ничего не понятно было до момента просмотра вашего видео)
Михаил, Вам огромная благодарочка. Не знаю по какой причине, но голый React мне был более понятен чем Redux. Благодаря Вам, у меня все встало на своим места
Спасибо, все очень понятно изложено.
Огромное спасибо! Очень подробно и понятно!
Михаил, заранее благодарю!
Михаил спасибо! Очень круто всё объяснил
Очень хороший курс, спасибо
уже довольно долго изучаю реакт по видосам айти камасутры и сам js в общем,но тут захожу и в простой туду задаче нахожу много новых фишек в первые же 10 минут видео,довольно круто и интересно,лайк подписка однозначно
Спасибо за отличный урок!!!
Спасибо за видео, очень понятно обьясняете
Очень хорошее объяснение, спасибо!
Спасибо, всё понятно. Отличное видео.
Я конечно новичек, но материал и его подача - высочайший уровень, приятный голос как супербонус, благодарю за ваш материал!
Спасибо огромное) помогаешь развиваться. Успехов во всём)
Спасибо за видосик, в данный момент изучаем этот модуль, не много просветил, тема действительно не легкая, успехов в разработки!))
Отличное видео! все подробно и понятно!
Спасибо, это лучшее видео по Redux
со второго раза прям хорошо понял, спасибо, Михаил!
спасибо! всё чётко 👍по полочкам 👏если бы я делал объяснение этой темы, то наверное алгоритм был бы тот же самый, без редакса, коцепция, прикрутили редакс 👍
Спасибо Михаил за полезный контент!
спасибо тебе большое, всё очень очень просто и понятно, то что я искал👍
Михаил, спасибо огромное, даже я поняла))) осталось раз 20 повторить для закрепления)
Спасибо за материал.
Ты умничка, спасибо тебе большое
большое спасибо автору, благодаря тебе я наконец-то понял redux-toolkit. Пожалуйста продолжай в том же духе
Спасибо, очень подробно и понятно!
качественное и информативное видео, спасибо!
спасибо больсхое Михаил, очень хорошое обяснение, очень-очень помогло!
спасибо большое. Очень полезный материал
долгое время не мог понять что такое слайс)
Очень крутое объяснение! Наконец-то поняла :) Спасибо вам
на 27 минуте, это лучшее объяснение за все ролики мать их которые я пересмотрел по редаксу!!!
По красоте объяснил!
Блиииин наконец-то понял Редакс. Спасибо за видео.
После самурая 1 эта информация спасает!спасибо )
cпасибо лучший - без напряга
Как всегда все на высшем уровне!
Спасибо! Очень доходчиво!
Я вот тоже, ещё не смотрел, но уже напишу спасибо! Даже вкладку закрывать не стану. Михаил, спасибо!
Становится хорошей традицией =)
@@mishanep вот досмотрел. Было бы круто добавить работу с редакс в курс по Реакт на юдеми.
Возможно отдельным курсом. Но пока не знаю когда смогу взяться. Сейчас активно работаю над курсом по базовому JS. У меня в линейке курсов его очень не хватает.
@@mishanep да-да, кто-то обещал его летом :)
Спасибо вам за разъяснения. Был немного разочарован тем, что никак не понимаю редакс. Концепция понятна и просто, но вот реализация с кучей лишнего кода ради кода - ломает мозг. В итоге несколько недель ушло на понимание всего этого, а потом и тулкит показался понятнее. Ну а ваш ролик расставил все по местам)
Спасибо за качественный контент!
Спасибо за урок
Спасибо большое за видео
Спасибо за Ваш труд
супер! Спасибо за подачу)
Подача материала шикарная))
Спасибо за отличное видео.
Супер спасибо за урок!