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 я тоже смотрю и вас и каму 😁 огромный вам респект

[@viacheslavgurin9368]

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

[@GUNTRUP_]

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

[@user-oe1wv2se6y]

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

[@GUNTRUP_]

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

[@evgeniyacteck6779]

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

[@chillchill5254]

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

[@user-lz2nf1ih9e]

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

[@caH40yc]

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

[@user-uo7tg9tk3j]

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

[@timothyrebesh5092]

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

[@vsevolodcerneavschi507]

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

[@maksymkyryliuk492]

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

[@user-pl6xx3xk9t]

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

[@serjsamoilow8711]

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

[@PhazZzyo]

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

[@mukanidrissov5487]

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

[@sergeyf6215]

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

[@VakiTaki]

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

[@evgeniyn1542]

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

[@_kie]

Я вот тоже, ещё не смотрел, но уже напишу спасибо! Даже вкладку закрывать не стану. Михаил, спасибо!

[@mishanep]

Становится хорошей традицией =)

[@_kie]

@@mishanep вот досмотрел. Было бы круто добавить работу с редакс в курс по Реакт на юдеми.

[@mishanep]

Возможно отдельным курсом. Но пока не знаю когда смогу взяться. Сейчас активно работаю над курсом по базовому JS. У меня в линейке курсов его очень не хватает.

[@_kie]

@@mishanep да-да, кто-то обещал его летом :)

[@petarthecodehunter3333]

Один из лучших учителей по вебу на просторах ютуба. Учусь только у вас, Ulbi, Минина и Сташчука, но из всех у вас самый недооцененный канал.

[@LukyTexan]

посмотри еще Арчаков блог и Антона Ларина

[@maga_frank]

Вот жиза, у меня те же любимые учителя + ещё Алекс Лущенко. Каждый в чем то хорош. Кто то js хорошо объясняет кто то реакт, а в данном случае лучше из всех обяснил Михаил)

[@ProCoder777]

Я бы сказал так, что все вышеперечисленные (включая автора этого канала) уступают Ивану Петриченко в качестве и проработанности подаваемого материала

[@muradkhanibragimov1353]

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

[@user-yk8zz3mw5y]

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

[@den_ph]

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

[@Denis-pu4bt]

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

[@nikitaalekseev991]

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

[@lilarmstrong5300]

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

[@andrewsam224]

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

[@FerelUltra]

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

[@TheLemutant]

Михаил, как всегда - браво! Ты лучший преподаватель в рунете. Настолько грамотно, чётко, понятно, без "воды" и с прекрасной речью, по-моему никто не рассказывает

[@user-lk4kv5sw7s]

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

[@user-tu8vs3ek2q]

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

[@unit_lost]

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

[@user-el5ls2cq1y]

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

[@anastasiatyurikova5048]

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

[@Valiok14]

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

[@user-oe1wv2se6y]

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

[@andrewsam224]

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

[@serjdenisov2114]

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

[@user-pi1vr6rf1k]

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

[@anatoliyrotskin5088]

Михаил, спасибо за ваш труд! Вы очень хорошо и доходчиво все объясняете, все разжевано, но при этом без лишних слов. С уважением, ваш подписчик 👍

[@grandorf5967]

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

[@evgen_frontend_rostov]

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

[@user-rs4yw8ce3t]

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

[@mikhail_shokun]

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

[@codegorian6057]

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

[@learningit2572]

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

[@yourdream6964]

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

[@user-koshinva]

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

[@konstantincube3380]

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

[@SergioDev001]

Михаил, Вам огромная благодарочка. Не знаю по какой причине, но голый React мне был более понятен чем Redux. Благодаря Вам, у меня все встало на своим места

[@greennmrtnm3342]

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

[@markwahlberg9358]

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

[@user-xq4uj6ll6w]

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

[@user-lx5vv3uu8u]

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

[@tishkafocovv8723]

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

[@from_brest2631]

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

[@shoxerpetrosyan8678]

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

[@WhenImAloneI]

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

[@Serhii_lolovich]

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

[@user-fi7kt1my6b]

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

[@user-td3bz8st6v]

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

[@quikkiLis]

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

[@dmtrack]

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

[@xurshidwin]

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

[@user-jf5ly9mg7h]

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

[@user-lg7yb8uj7c]

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

[@user-mw4uf4vf4b]

Всем кому тяжело понять редакс тулкит, рекомендую все таки сначала попробовать обычный редакс хотя бы понять, благо есть хорошие уроки по нему. Вам будет намного проще. Я начал обучаться фронтенду 3 месяца назад по курсу 20ого года. И там в конце был как раз редакс классический. Вроде разобрался с ним, сам попробовал тестовые счетчики, тудушки, посты добавит-удалить и думаю "какой же это геморой"). И мне знакомый подсказал, что пробуй тулкит. И вот я наткнулся на этот урок и получилось сразу все понять без проблем. Как по мне, это одно и то же, что сразу начать учить реакт не зная JS вообще. Не поленитесь, уделите времени денёк на понимание обычного редакс и всё получится. Автору спасибо за ценную информацию.

[@alexforw5545]

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

[@irina4388]

А мне нравится обычный редакс, тем что просто создавать thunk`и с асинхронными запросами. Присоединяюсь, действительно, если понятен обычный редакс, то намного проще понять редакс тулкит. Хороший курс по базовому редаксу у IT камасутры, там 100 уроков, но если их изучить, то все становиться очень просто.

[@user-ue7lj2to9q]

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

[@pitbrest]

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

[@krlkonstantine9726]

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

[@user-kn3ut1sh2o]

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

[@bogush76]

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

[@user-wq9gc4rj3w]

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

[@user-vm2db5cq1g]

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

[@user-es6wp5sh4t]

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

[@_GreenSnake_]

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

[@SvetlanaKova]

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

[@farrukhx7143]

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

[@o_antushevich]

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

[@Edgar-pu1lc]

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

[@frozenbit6260]

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

[@vadicus6534]

Спасибо, Михаил. Стало чуточку понятнее, но в целом редакс пока что не помещается в голове. Внимательно посмотрел, теперь все повторю. Мне нравится подача, объяснение, голос. Желаю развития вашему каналу.

[@maga_frank]

++ тоже самое. Надо попрактиковаться чтоб в голове уселось. А ты наверно уже знаешь нормас и работаешь скорее всего. Год уже прошел)

[@user-yj4dm5fq5p]

ну как засело в голове ?)) что делал

[@exelione2229]

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

[@serdotsenko]

спасибо! всё чётко 👍по полочкам 👏если бы я делал объяснение этой темы, то наверное алгоритм был бы тот же самый, без редакса, коцепция, прикрутили редакс 👍

[@user-fu5ec4cv1e]

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

[@ilaymorozoff4113]

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

[@svetlanaganzha78]

Михаил, спасибо огромное, даже я поняла))) осталось раз 20 повторить для закрепления)

[@alexmercer4653]

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

[@andygr1n1]

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

[@OleksandrDanylchenko2k]

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

[@user-nl5jr7od4c]

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

[@eduardgrigoryan6052]

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

[@lorisyanis]

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

[@xdayx53]

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

[@whatislove448]

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

[@leonidserafimovich4844]

на 27 минуте, это лучшее объяснение за все ролики мать их которые я пересмотрел по редаксу!!!

[@Andimian-wu3bc]

По красоте объяснил!

[@RonaMelone]

Спасибо! Мне понравилось то, что вы отвечаете на вопросы, "которые могут нам прийти в голову". Действительно, они приходили, но ясный ответ дали только вы. Очень помогло это видео: всё поэтапно, логично и структурированно.

[@mishanep]

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

[@user-hl5lk9fq4i]

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

[@azizbekkomilov3589]

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

[@user-yk9nj6co9d]

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