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

  Переглядів 187,424

Михаил Непомнящий

Михаил Непомнящий

День тому

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

КОМЕНТАРІ: 389
@stephencurry8078
@stephencurry8078 2 роки тому
а как там типизировать экшен крейтеры и слайсы?
@mishanep
@mishanep 2 роки тому
Сам метод *createSlice* возвращает нужный тип. Для него, по факту, необходимо затипизировать *initialState* отдельным интерфейсом, и при создании редьюсеров для параметра *action* передать дженерик тип *PayloadAction* (его можно импортировать прямо из @reduxjs/toolkit), ну и передать в параметр дженерика соответствующий интерфейс - какой объект ожидается на вход в action. Тип экшн криейтора выводится автоматически из slice.action как *ActionCreatorWithPayload* , здесь от нас дополнительно ничего не требуется.
@stephencurry8078
@stephencurry8078 2 роки тому
@@mishanep Спасибо большое! Изучать тайпскрипт можно сказать я начал буквально вчера. Изучаю по видео Дима It camasutra react путь самурая версия 2. У него просто обычные редюсеры, а мне слайсы безумно понравились, а то эти экшен крейтеры, диспатчы за 3 месяца уже успели надоесть. Вот немного мучался с типизацией слайса. Спасибо, вроде немного понял что ты написал
@mishanep
@mishanep 2 роки тому
@@stephencurry8078 классический вариант Редакса типизировать - та еще боль. В этом плане с тулкитом намного проще.
@stephencurry8078
@stephencurry8078 2 роки тому
@@mishanepЭто я заметил. Кстати получается классический вариант редакса больше использовать не будут, или есть какая то польза от него?
@mishanep
@mishanep 2 роки тому
@@stephencurry8078 полагаю, это остается на усмотрение команд. Думаю, многие по привычке продолжат использовать классический вариант. В целом, тулкит с избытком покрывает возможности обычного редакса.
@sas31a
@sas31a 2 роки тому
я тут по наставлению одного самурая, Михаил мое почтение за ваш контент, лайк подписка
@thisissergo5874
@thisissergo5874 2 роки тому
От it-camasutra что ли?🤣
@user-yc8fh8ri6w
@user-yc8fh8ri6w Рік тому
@@thisissergo5874 я тоже смотрю и вас и каму 😁 огромный вам респект
@caH40yc
@caH40yc Рік тому
Спасибо Ваши труды! Очень доступно объясняете все сложные моменты.
@user-lz2nf1ih9e
@user-lz2nf1ih9e Рік тому
Мой первый комментарий на ютубе за 10 лет... Это Божественно! Изложено невероятно, все супер понятно. Подписка и круглосуточное изучение ваших видео!)
@chillchill5254
@chillchill5254 2 роки тому
Прекрасный материал и подача! Спасибо огромное! Ничего лишнего, сразу понятно какие преимущества над старым вариантом работы с редаксом.
@user-yk8zz3mw5y
@user-yk8zz3mw5y 2 роки тому
Спасибо за такой подробный урок , самое понятное объяснение 👏
@vsevolodcerneavschi507
@vsevolodcerneavschi507 Рік тому
Спасибо Михаил! Отличная подача материала, все понятно и доступно
@viacheslavgurin9368
@viacheslavgurin9368 Рік тому
Как по мне, Михаил - лучший русскоязычный преподаватель. Не встречал еще настолько понятного и простого разъяснения не самых простых вещей. Спасибо!
@GUNTRUP_
@GUNTRUP_ Рік тому
Арчаков и Жека самурай ,тоже отличные ребята ,все понятно и четко обьясняют
@user-oe1wv2se6y
@user-oe1wv2se6y Рік тому
@@GUNTRUP_ тяжело самурайские приколы заходят... хочется менее эмоционального объяснения
@GUNTRUP_
@GUNTRUP_ Рік тому
@@user-oe1wv2se6y иди на канал Арчакова , там есть курс реакт сникерс , если знаешь +- джс ,тогда сможешь походу и реакт выучить на базе , ну а паралельно можешь Владелена смотреть ,тоже классный тип
@evgeniyacteck6779
@evgeniyacteck6779 8 місяців тому
@@user-oe1wv2se6y 100% согласен! Если бы меньше его приколов, зачастую вообще не нужных, то и длительность процентов на 30 можно было бы сократить без потери качества.
@evgeniyn1542
@evgeniyn1542 2 роки тому
Спасибо Михаил, целый час полезной информации! 👍
@den_ph
@den_ph 2 роки тому
Благодарю, Михаил, за столь полезное и понятное видео! Прям то, что надо.
@PhazZzyo
@PhazZzyo Рік тому
Спасибо Михаил! Отличная подача материала, все понятно и доступно.
@timothyrebesh5092
@timothyrebesh5092 2 роки тому
Хорошее и спокойное объяснение. Конечно нужно ставить на паузу и обдумывать информацию.
@user-pl6xx3xk9t
@user-pl6xx3xk9t Рік тому
Спасибо за материал. Очень доступно. Смотреть - одно удовольствие.
@mukanidrissov5487
@mukanidrissov5487 3 місяці тому
Редко пишу комментарии, но здесь не могу не оставить, спасибо за подробнейшее объяснение, смотрел документацию и несколько больших видео на ютубе, никак не далось понять основы, а вы так подробно разжевали ,еще раз спасибо и всех благ
@maksymkyryliuk492
@maksymkyryliuk492 2 роки тому
Материал шикарный, очень актуально и полезно, спасибо Михаил! 🙂
@muradkhanibragimov1353
@muradkhanibragimov1353 Рік тому
Спасибо за материал! У Вас талант к преподаванию.
@Valiok14
@Valiok14 Рік тому
Большое спасибо за доступный и понятный материал!
@nikitaalekseev991
@nikitaalekseev991 2 роки тому
Огромное спасибо! Очень качественный контент! Лучшее объяснение Redux Toolkit!
@Denis-pu4bt
@Denis-pu4bt Рік тому
Спасибо Михаил, урок просто супер, все понятно, дай тебе бог здоровья! )
@user-oe1wv2se6y
@user-oe1wv2se6y Рік тому
Спасибо! наконец я поняла RTK! Супер доходчиво, как всегда 👍🏻
@user-tu8vs3ek2q
@user-tu8vs3ek2q Рік тому
Очень круто! Появилось понимание как этим пользоваться, все сразу стало легко и просто. Спасибо!
@grandorf5967
@grandorf5967 Рік тому
Спасибо большое за данное видео! Очень помогает понять основы, немного окунуться во всё это и создать себе базу, от которой можно дальше глубже нырнуть в тулкит 😀
@unit_lost
@unit_lost 2 роки тому
Качественный контент. Приятно слушать) Респект автору
@sergeyf6215
@sergeyf6215 Рік тому
Спасибо большое, Михаил, за очень познавательное видео! Отличная подача материала, все понятно с учетом того, что мой основной стек - бэкенд)) и я не так давно стал использовать React
@lilarmstrong5300
@lilarmstrong5300 Рік тому
Очень классно объясняете, пока что первое видео, которое сложило общую картину как и зачем мы используем redux, спасибо большое!
@anastasiatyurikova5048
@anastasiatyurikova5048 Рік тому
Спасибо огромное! Это как всегда было прекрасно, как и все видео на канале!
@VakiTaki
@VakiTaki Рік тому
спасибо , у вас все на простом примере и из урока в урок перешел он же. что наконец то позволило мне врубится как это работает и дописать самому! от души
@user-lx5vv3uu8u
@user-lx5vv3uu8u 2 роки тому
Михаил, заранее благодарю!
@codegorian6057
@codegorian6057 10 місяців тому
это просто прекрасно, спасибо большое за вашу работу
@FerelUltra
@FerelUltra 2 роки тому
Спасибо большое. Очень трудно разобраться с redux toolkit не зная релакс. Все очень грамотно и подробно рассказали!
@serjsamoilow8711
@serjsamoilow8711 26 днів тому
лучшее объяснение такое сложной темы на хорошем и наглядном примере спасибо!
@konstantincube3380
@konstantincube3380 2 роки тому
Уже давно пытаюсь вникнуть в Redux и только после этого видео всё встало на свои места. Спасибо!
@user-uo7tg9tk3j
@user-uo7tg9tk3j Рік тому
Отличная подача и степень понимания предмета! Приятно слушать, учиться, воспринимать информацию. Большое спасибо за работу!
@user-pi1vr6rf1k
@user-pi1vr6rf1k Рік тому
Волшебно объясняешь! Спасибо за видео!
@learningit2572
@learningit2572 Рік тому
Напишу еще раз, мне очень понравилось твое объяснение. Огромная благодарность тебе.
@yourdream6964
@yourdream6964 2 роки тому
Огромное спасибо вам за урок, за этот час вы сэкономили мне кучу времени
@from_brest2631
@from_brest2631 2 роки тому
ясно, в след проекте попробую и с тулкитом поработать. Благодарю за пример 👍
@andrewsam224
@andrewsam224 11 місяців тому
Супер!!!! Очень круто! Особенно вот эти моменты, видно и слышно ,как Миша душу вкладывает: 43:40
@serjdenisov2114
@serjdenisov2114 2 роки тому
Михаил спасибо, очень доступно и хорошо объясняете
@evgen_frontend_rostov
@evgen_frontend_rostov Рік тому
Михаил, спасибо за подробный рассказ про redux toolkit
@mikhail_shokun
@mikhail_shokun 2 роки тому
Очень хорошее видео, пересматриваю его уже несколько раз, чтобы моя башка поняла, потому что по другим видео вообще не могу вчехлить Redux, спасибо Мишань!!! Респект тебе и продвижения канала!
@user-el5ls2cq1y
@user-el5ls2cq1y Рік тому
Миша! Ты просто БОГ по обучению! Большое уважение тебе!
@Serhii_lolovich
@Serhii_lolovich Рік тому
Спасибо очень доходчиво объяснил, мне тяжело дается новая информация но я все понял)
@bogush76
@bogush76 2 роки тому
Спасибо, все очень понятно изложено.
@user-lk4kv5sw7s
@user-lk4kv5sw7s Рік тому
Михаил спасибо за ваши уроки вы очень хорошо объясняете
@dmtrack
@dmtrack Рік тому
Огромное спасибо! Очень подробно и понятно!
@whatislove448
@whatislove448 2 роки тому
Подача материала шикарная))
@user-rs4yw8ce3t
@user-rs4yw8ce3t 7 місяців тому
Больше спасибо, Михаил. Всё очень понятно. Было полезно.
@user-hl5lk9fq4i
@user-hl5lk9fq4i Рік тому
Блиииин наконец-то понял Редакс. Спасибо за видео.
@user-fu5ec4cv1e
@user-fu5ec4cv1e Рік тому
спасибо тебе большое, всё очень очень просто и понятно, то что я искал👍
@o_antushevich
@o_antushevich Рік тому
Очень крутое объяснение! Наконец-то поняла :) Спасибо вам
@andrewsam224
@andrewsam224 11 місяців тому
Супер!!!! Очень круто!!!! Особенно видно и слышно, как Миша душу вкладывает: 43:30 56:12
@xdayx53
@xdayx53 2 місяці тому
со второго раза прям хорошо понял, спасибо, Михаил!
@markwahlberg9358
@markwahlberg9358 Рік тому
Мужик, спасибо тебе большое, простым языком отлично объяснял!
@WhenImAloneI
@WhenImAloneI 2 роки тому
Спасибо! Как раз недавно начал изучать toolkit, ничего не понятно было до момента просмотра вашего видео)
@greennmrtnm3342
@greennmrtnm3342 2 місяці тому
Спасибо! Идеально объясняете) Все понятно
@ilaymorozoff4113
@ilaymorozoff4113 2 роки тому
Спасибо за качественный контент!
@user-ue7lj2to9q
@user-ue7lj2to9q 2 роки тому
Как всегда все на высшем уровне!
@awesomeuser789
@awesomeuser789 2 роки тому
супер! Спасибо за подачу)
@user-lg7yb8uj7c
@user-lg7yb8uj7c Рік тому
Спасибо, это лучшее видео по Redux
@quikkiLis
@quikkiLis Рік тому
Очень хороший курс, спасибо
@SergioDev001
@SergioDev001 Рік тому
Михаил, Вам огромная благодарочка. Не знаю по какой причине, но голый React мне был более понятен чем Redux. Благодаря Вам, у меня все встало на своим места
@TheLemutant
@TheLemutant Рік тому
Михаил, как всегда - браво! Ты лучший преподаватель в рунете. Настолько грамотно, чётко, понятно, без "воды" и с прекрасной речью, по-моему никто не рассказывает
@user-jf5ly9mg7h
@user-jf5ly9mg7h 2 роки тому
Спасибо за видео, очень понятно обьясняете
@lorisyanis
@lorisyanis 11 місяців тому
Спасибо, очень подробно и понятно!
@OleksandrDanylchenko2k
@OleksandrDanylchenko2k 2 роки тому
Спасибо! Очень доходчиво!
@user-es6wp5sh4t
@user-es6wp5sh4t 6 місяців тому
Спасибо за материал.
@krlkonstantine9726
@krlkonstantine9726 11 місяців тому
Очень хорошее объяснение, спасибо!
@user-koshinva
@user-koshinva Рік тому
Спасибо огромное) помогаешь развиваться. Успехов во всём)
@user-fi7kt1my6b
@user-fi7kt1my6b 2 роки тому
Спасибо за видосик, в данный момент изучаем этот модуль, не много просветил, тема действительно не легкая, успехов в разработки!))
@tishkafocovv8723
@tishkafocovv8723 Рік тому
уже довольно долго изучаю реакт по видосам айти камасутры и сам js в общем,но тут захожу и в простой туду задаче нахожу много новых фишек в первые же 10 минут видео,довольно круто и интересно,лайк подписка однозначно
@shoxerpetrosyan8678
@shoxerpetrosyan8678 2 роки тому
Спасибо за урок смотрела видео раз 30юНачала создавать сама с Вами шаг за шагом. Наконец-то дошло. Но надо практиковать.....
@user-xq4uj6ll6w
@user-xq4uj6ll6w Рік тому
Михаил спасибо! Очень круто всё объяснил
@pitbrest
@pitbrest Рік тому
Я конечно новичек, но материал и его подача - высочайший уровень, приятный голос как супербонус, благодарю за ваш материал!
@andygr1n1
@andygr1n1 Рік тому
качественное и информативное видео, спасибо!
@SvetlanaKova
@SvetlanaKova 9 місяців тому
спасибо за объяснение, все стало понятней)
@zakolochennoe457
@zakolochennoe457 Рік тому
Кучу денег плачу на курсах и так не обьясняют. А тут за час общая картина раскрыта и стало намного понятнее. Спасибо!!!
@user-td3bz8st6v
@user-td3bz8st6v Рік тому
Спасибо за отличный урок!!!
@user-vm2db5cq1g
@user-vm2db5cq1g Рік тому
Отличное видео! все подробно и понятно!
@bagga_lev
@bagga_lev 2 роки тому
Спасибо большое за контент, я наконец то понял как это работает =))
@frozenbit6260
@frozenbit6260 Рік тому
Спасибо за урок
@leonidserafimovich4844
@leonidserafimovich4844 6 місяців тому
на 27 минуте, это лучшее объяснение за все ролики мать их которые я пересмотрел по редаксу!!!
@eduardgrigoryan6052
@eduardgrigoryan6052 Рік тому
спасибо больсхое Михаил, очень хорошое обяснение, очень-очень помогло!
@_GreenSnake_
@_GreenSnake_ Рік тому
Спасибо за Ваш труд
@user-kn3ut1sh2o
@user-kn3ut1sh2o Рік тому
Спасибо Михаил за полезный контент!
@alexmercer4653
@alexmercer4653 2 роки тому
спасибо большое. Очень полезный материал долгое время не мог понять что такое слайс)
@user-xs8ty9dg5s
@user-xs8ty9dg5s Рік тому
спасибо за Ваши ролики)
@markeellaas
@markeellaas 3 місяці тому
Спасибо, Михаил
@user-nl5jr7od4c
@user-nl5jr7od4c 10 місяців тому
большое спасибо автору, благодаря тебе я наконец-то понял redux-toolkit. Пожалуйста продолжай в том же духе
@Denisqa-ke1xo
@Denisqa-ke1xo Рік тому
Ну просто супер! Спасибо!!!
@shoxruX_wantxo
@shoxruX_wantxo 11 місяців тому
спасибо за классный урок🤩
@user-wq9gc4rj3w
@user-wq9gc4rj3w 9 місяців тому
Спасибо, всё понятно. Отличное видео.
@user-sv5fz2bv7z
@user-sv5fz2bv7z Рік тому
Я вам много вопросов задала . Урок я такой по новому redux toolkit через configureStore больше нигде не нашла, ни на торрентах ни здесь на ютуб. Ваш пока единственный, спасибо большое, что делитесь обновлённой информацией, мне как новичку читать документацию после такого видео гораздо легче
@mivalb7979
@mivalb7979 2 роки тому
Спасибо, очень полезное видео!
@user-ky4vq5jm5u
@user-ky4vq5jm5u 2 роки тому
урок супер, спасибо!
@azizbekkomilov3589
@azizbekkomilov3589 Рік тому
Супер спасибо за урок!
@Edgar-pu1lc
@Edgar-pu1lc 11 місяців тому
Спасибо большое за видео
@xurshidwin
@xurshidwin Рік тому
Спасибо большой за урок первый раз доходчива понял
@serdotsenko
@serdotsenko Рік тому
спасибо! всё чётко 👍по полочкам 👏если бы я делал объяснение этой темы, то наверное алгоритм был бы тот же самый, без редакса, коцепция, прикрутили редакс 👍
@bobby_jones
@bobby_jones 2 роки тому
Очень полезно. Спасибо
Асинхронная работа с Redux Toolkit и createAsyncThunk
42:24
Михаил Непомнящий
Переглядів 99 тис.
Синхронизация Redux и localStorage с redux-persist
14:05
Михаил Непомнящий
Переглядів 34 тис.
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 6 млн
0% Respect Moments 😥
00:27
LE FOOT EN VIDÉO
Переглядів 40 млн
didn't want to let me in #tiktok
00:20
Анастасия Тарасова
Переглядів 3,6 млн
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Переглядів 8 тис.
The ARM chip race is getting wild… Apple M4 unveiled
4:07
Fireship
Переглядів 555 тис.
Best OS for programming? Mac vs Windows vs Linux debate settled
8:41
Линтер для стилей Stylelint
15:16
Михаил Непомнящий
Переглядів 4,6 тис.
Почему мы верим в них, если их никто не видел?
30:45
Космос Просто
Переглядів 154 тис.
Apple's New OpenELM Shocks The Industry! Is This The Future of Mobile AI?
12:42
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Переглядів 133 тис.
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 6 млн