Redux Toolkit для управления состоянием в React-приложении

Продвинутое управление состоянием 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

[@stephencurry8078]

а как там типизировать экшен крейтеры и слайсы?

[@mishanep]

Сам метод *createSlice* возвращает нужный тип. Для него, по факту, необходимо затипизировать *initialState* отдельным интерфейсом, и при создании редьюсеров для параметра *action* передать дженерик тип *PayloadAction* (его можно импортировать прямо из @reduxjs/toolkit), ну и передать в параметр дженерика соответствующий интерфейс - какой объект ожидается на вход в action. Тип экшн криейтора выводится автоматически из slice.action как *ActionCreatorWithPayload* , здесь от нас дополнительно ничего не требуется.

[@stephencurry8078]

@@mishanep Спасибо большое! Изучать тайпскрипт можно сказать я начал буквально вчера. Изучаю по видео Дима It camasutra react путь самурая версия 2. У него просто обычные редюсеры, а мне слайсы безумно понравились, а то эти экшен крейтеры, диспатчы за 3 месяца уже успели надоесть. Вот немного мучался с типизацией слайса. Спасибо, вроде немного понял что ты написал

[@mishanep]

@@stephencurry8078 классический вариант Редакса типизировать - та еще боль. В этом плане с тулкитом намного проще.

[@stephencurry8078]

@@mishanepЭто я заметил. Кстати получается классический вариант редакса больше использовать не будут, или есть какая то польза от него?

[@mishanep]

@@stephencurry8078 полагаю, это остается на усмотрение команд. Думаю, многие по привычке продолжат использовать классический вариант. В целом, тулкит с избытком покрывает возможности обычного редакса.

[@sas31a]

я тут по наставлению одного самурая, Михаил мое почтение за ваш контент, лайк подписка

[@thisissergo5874]

От it-camasutra что ли?🤣

[@user-yc8fh8ri6w]

@@thisissergo5874 я тоже смотрю и вас и каму 😁 огромный вам респект

[@user-yk8zz3mw5y]

Спасибо за такой подробный урок , самое понятное объяснение 👏

[@viacheslavgurin9368]

Как по мне, Михаил - лучший русскоязычный преподаватель. Не встречал еще настолько понятного и простого разъяснения не самых простых вещей. Спасибо!

[@GUNTRUP_]

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

[@user-oe1wv2se6y]

@@GUNTRUP_ тяжело самурайские приколы заходят... хочется менее эмоционального объяснения

[@GUNTRUP_]

@@user-oe1wv2se6y иди на канал Арчакова , там есть курс реакт сникерс , если знаешь +- джс ,тогда сможешь походу и реакт выучить на базе , ну а паралельно можешь Владелена смотреть ,тоже классный тип

[@evgeniyacteck6779]

@@user-oe1wv2se6y 100% согласен! Если бы меньше его приколов, зачастую вообще не нужных, то и длительность процентов на 30 можно было бы сократить без потери качества.

[@chillchill5254]

Прекрасный материал и подача! Спасибо огромное! Ничего лишнего, сразу понятно какие преимущества над старым вариантом работы с редаксом.

[@caH40yc]

Спасибо Ваши труды! Очень доступно объясняете все сложные моменты.

[@den_ph]

Благодарю, Михаил, за столь полезное и понятное видео! Прям то, что надо.

[@user-lx5vv3uu8u]

Михаил, заранее благодарю!

[@Valiok14]

Большое спасибо за доступный и понятный материал!

[@Denis-pu4bt]

Спасибо Михаил, урок просто супер, все понятно, дай тебе бог здоровья! )

[@evgeniyn1542]

Спасибо Михаил, целый час полезной информации! 👍

[@vsevolodcerneavschi507]

Спасибо Михаил! Отличная подача материала, все понятно и доступно

[@user-lz2nf1ih9e]

Мой первый комментарий на ютубе за 10 лет... Это Божественно! Изложено невероятно, все супер понятно. Подписка и круглосуточное изучение ваших видео!)

[@nikitaalekseev991]

Огромное спасибо! Очень качественный контент! Лучшее объяснение Redux Toolkit!

[@timothyrebesh5092]

Хорошее и спокойное объяснение. Конечно нужно ставить на паузу и обдумывать информацию.

[@bogush76]

Спасибо, все очень понятно изложено.

[@user-pl6xx3xk9t]

Спасибо за материал. Очень доступно. Смотреть - одно удовольствие.

[@codegorian6057]

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

[@serjdenisov2114]

Михаил спасибо, очень доступно и хорошо объясняете

[@PhazZzyo]

Спасибо Михаил! Отличная подача материала, все понятно и доступно.

[@user-tu8vs3ek2q]

Очень круто! Появилось понимание как этим пользоваться, все сразу стало легко и просто. Спасибо!

[@user-pi1vr6rf1k]

Волшебно объясняешь! Спасибо за видео!

[@unit_lost]

Качественный контент. Приятно слушать) Респект автору

[@maksymkyryliuk492]

Материал шикарный, очень актуально и полезно, спасибо Михаил! 🙂

[@user-oe1wv2se6y]

Спасибо! наконец я поняла RTK! Супер доходчиво, как всегда 👍🏻

[@muradkhanibragimov1353]

Спасибо за материал! У Вас талант к преподаванию.

[@dmtrack]

Огромное спасибо! Очень подробно и понятно!

[@user-es6wp5sh4t]

Спасибо за материал.

[@anastasiatyurikova5048]

Спасибо огромное! Это как всегда было прекрасно, как и все видео на канале!

[@sergeyf6215]

Спасибо большое, Михаил, за очень познавательное видео! Отличная подача материала, все понятно с учетом того, что мой основной стек - бэкенд)) и я не так давно стал использовать React

[@user-lk4kv5sw7s]

Михаил спасибо за ваши уроки вы очень хорошо объясняете

[@learningit2572]

Напишу еще раз, мне очень понравилось твое объяснение. Огромная благодарность тебе.

[@greennmrtnm3342]

Спасибо! Идеально объясняете) Все понятно

[@from_brest2631]

ясно, в след проекте попробую и с тулкитом поработать. Благодарю за пример 👍

[@yourdream6964]

Огромное спасибо вам за урок, за этот час вы сэкономили мне кучу времени

[@VakiTaki]

спасибо , у вас все на простом примере и из урока в урок перешел он же. что наконец то позволило мне врубится как это работает и дописать самому! от души

[@user-jf5ly9mg7h]

Спасибо за видео, очень понятно обьясняете

[@serjsamoilow8711]

лучшее объяснение такое сложной темы на хорошем и наглядном примере спасибо!

[@lorisyanis]

Спасибо, очень подробно и понятно!

[@mukanidrissov5487]

Редко пишу комментарии, но здесь не могу не оставить, спасибо за подробнейшее объяснение, смотрел документацию и несколько больших видео на ютубе, никак не далось понять основы, а вы так подробно разжевали ,еще раз спасибо и всех благ

[@user-rs4yw8ce3t]

Больше спасибо, Михаил. Всё очень понятно. Было полезно.

[@lilarmstrong5300]

Очень классно объясняете, пока что первое видео, которое сложило общую картину как и зачем мы используем redux, спасибо большое!

[@ilaymorozoff4113]

Спасибо за качественный контент!

[@OleksandrDanylchenko2k]

Спасибо! Очень доходчиво!

[@grandorf5967]

Спасибо большое за данное видео! Очень помогает понять основы, немного окунуться во всё это и создать себе базу, от которой можно дальше глубже нырнуть в тулкит 😀

[@quikkiLis]

Очень хороший курс, спасибо

[@Serhii_lolovich]

Спасибо очень доходчиво объяснил, мне тяжело дается новая информация но я все понял)

[@evgen_frontend_rostov]

Михаил, спасибо за подробный рассказ про redux toolkit

[@_GreenSnake_]

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

[@krlkonstantine9726]

Очень хорошее объяснение, спасибо!

[@xdayx53]

со второго раза прям хорошо понял, спасибо, Михаил!

[@whatislove448]

Подача материала шикарная))

[@frozenbit6260]

Спасибо за урок

[@awesomeuser789]

супер! Спасибо за подачу)

[@SvetlanaKova]

спасибо за объяснение, все стало понятней)

[@markwahlberg9358]

Мужик, спасибо тебе большое, простым языком отлично объяснял!

[@FerelUltra]

Спасибо большое. Очень трудно разобраться с redux toolkit не зная релакс. Все очень грамотно и подробно рассказали!

[@user-uo7tg9tk3j]

Отличная подача и степень понимания предмета! Приятно слушать, учиться, воспринимать информацию. Большое спасибо за работу!

[@user-fu5ec4cv1e]

спасибо тебе большое, всё очень очень просто и понятно, то что я искал👍

[@user-ue7lj2to9q]

Как всегда все на высшем уровне!

[@markeellaas]

Спасибо, Михаил

[@konstantincube3380]

Уже давно пытаюсь вникнуть в Redux и только после этого видео всё встало на свои места. Спасибо!

[@Edgar-pu1lc]

Спасибо большое за видео

[@user-xs8ty9dg5s]

спасибо за Ваши ролики)

[@user-lg7yb8uj7c]

Спасибо, это лучшее видео по Redux

[@user-td3bz8st6v]

Спасибо за отличный урок!!!

[@o_antushevich]

Очень крутое объяснение! Наконец-то поняла :) Спасибо вам

[@benchik100]

спасибо!!! очень круто!!

[@andygr1n1]

качественное и информативное видео, спасибо!

[@tinatinomurova251]

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

[@user-hl5lk9fq4i]

Блиииин наконец-то понял Редакс. Спасибо за видео.

[@user-xq4uj6ll6w]

Михаил спасибо! Очень круто всё объяснил

[@andrewsam224]

Супер!!!! Очень круто! Особенно вот эти моменты, видно и слышно ,как Миша душу вкладывает: 43:40

[@shoxruX_wantxo]

спасибо за классный урок🤩

[@user-el5ls2cq1y]

Миша! Ты просто БОГ по обучению! Большое уважение тебе!

[@user-vm2db5cq1g]

Отличное видео! все подробно и понятно!

[@Neteruss]

Я всё понял! Спасибо!

[@mivalb7979]

Спасибо, очень полезное видео!

[@exelione2229]

Ты умничка, спасибо тебе большое

[@user-koshinva]

Спасибо огромное) помогаешь развиваться. Успехов во всём)

[@Denisqa-ke1xo]

Ну просто супер! Спасибо!!!

[@xurshidwin]

Спасибо большой за урок первый раз доходчива понял

[@bobby_jones]

Очень полезно. Спасибо

[@user-yk9nj6co9d]

Спасибо, в целом понятно.

[@kenanhaciyev3759]

чётко, спасибо

[@user-wq9gc4rj3w]

Спасибо, всё понятно. Отличное видео.

[@user-kn3ut1sh2o]

Спасибо Михаил за полезный контент!

[@eduardgrigoryan6052]

спасибо больсхое Михаил, очень хорошое обяснение, очень-очень помогло!

[@user-ky4vq5jm5u]

урок супер, спасибо!

[@azizbekkomilov3589]

Супер спасибо за урок!

[@WhenImAloneI]

Спасибо! Как раз недавно начал изучать toolkit, ничего не понятно было до момента просмотра вашего видео)

[@mikhail_shokun]

Очень хорошее видео, пересматриваю его уже несколько раз, чтобы моя башка поняла, потому что по другим видео вообще не могу вчехлить Redux, спасибо Мишань!!! Респект тебе и продвижения канала!

[@bagga_lev]

Спасибо большое за контент, я наконец то понял как это работает =))

[@alexmercer4653]

спасибо большое. Очень полезный материал долгое время не мог понять что такое слайс)

[@admusmanov3009]

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

[@shoxerpetrosyan8678]

Спасибо за урок смотрела видео раз 30юНачала создавать сама с Вами шаг за шагом. Наконец-то дошло. Но надо практиковать.....

[@sergeysamius1128]

Спасибо за отличное видео.

[@andrewsam224]

Супер!!!! Очень круто!!!! Особенно видно и слышно, как Миша душу вкладывает: 43:30 56:12

[@user-yf2er5vr8q]

cпасибо лучший - без напряга

[@user-nl5jr7od4c]

большое спасибо автору, благодаря тебе я наконец-то понял redux-toolkit. Пожалуйста продолжай в том же духе