Redux Toolkit для управления состоянием в React-приложении
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 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 я тоже смотрю и вас и каму 😁 огромный вам респект
Прекрасный материал и подача! Спасибо огромное! Ничего лишнего, сразу понятно какие преимущества над старым вариантом работы с редаксом.
Мой первый комментарий на ютубе за 10 лет... Это Божественно! Изложено невероятно, все супер понятно. Подписка и круглосуточное изучение ваших видео!)
Спасибо Ваши труды! Очень доступно объясняете все сложные моменты.
Спасибо Михаил! Отличная подача материала, все понятно и доступно
Хорошее и спокойное объяснение. Конечно нужно ставить на паузу и обдумывать информацию.
Отличная подача и степень понимания предмета! Приятно слушать, учиться, воспринимать информацию. Большое спасибо за работу!
Спасибо большое, Михаил, за очень познавательное видео!
Отличная подача материала, все понятно с учетом того, что мой основной стек - бэкенд)) и я не так давно стал использовать React
Редко пишу комментарии, но здесь не могу не оставить, спасибо за подробнейшее объяснение, смотрел документацию и несколько больших видео на ютубе, никак не далось понять основы, а вы так подробно разжевали ,еще раз спасибо и всех благ
Спасибо Михаил! Отличная подача материала, все понятно и доступно.
Спасибо за материал. Очень доступно. Смотреть - одно удовольствие.
Как по мне, Михаил - лучший русскоязычный преподаватель. Не встречал еще настолько понятного и простого разъяснения не самых простых вещей. Спасибо!
Арчаков и Жека самурай ,тоже отличные ребята ,все понятно и четко обьясняют
@@GUNTRUP_ тяжело самурайские приколы заходят... хочется менее эмоционального объяснения
@@user-oe1wv2se6y иди на канал Арчакова , там есть курс реакт сникерс , если знаешь +- джс ,тогда сможешь походу и реакт выучить на базе , ну а паралельно можешь Владелена смотреть ,тоже классный тип
@@user-oe1wv2se6y 100% согласен! Если бы меньше его приколов, зачастую вообще не нужных, то и длительность процентов на 30 можно было бы сократить без потери качества.
И очень круто (лично для меня), что Вы сделали сначала БЕЗ redux, а потом уже постепенно его внедряли. Это прям вот очень прояснило, что и откуда берется, нигде в других роликах такого не видел..
Благодарю, Михаил, за столь полезное и понятное видео! Прям то, что надо.
спасибо , у вас все на простом примере и из урока в урок перешел он же. что наконец то позволило мне врубится как это работает и дописать самому! от души
Спасибо за такой подробный урок , самое понятное объяснение 👏
Спасибо большое. Очень трудно разобраться с redux toolkit не зная релакс. Все очень грамотно и подробно рассказали!
Спасибо Михаил, урок просто супер, все понятно, дай тебе бог здоровья! )
Материал шикарный, очень актуально и полезно, спасибо Михаил!
🙂
Очень классно объясняете, пока что первое видео, которое сложило общую картину как и зачем мы используем redux, спасибо большое!
Спасибо Михаил, целый час полезной информации! 👍
Очень круто! Появилось понимание как этим пользоваться, все сразу стало легко и просто. Спасибо!
Огромное спасибо!
Очень качественный контент!
Лучшее объяснение Redux Toolkit!
Спасибо за материал! У Вас талант к преподаванию.
Спасибо! наконец я поняла RTK! Супер доходчиво, как всегда 👍🏻
Очень хорошее видео, пересматриваю его уже несколько раз, чтобы моя башка поняла, потому что по другим видео вообще не могу вчехлить Redux, спасибо Мишань!!! Респект тебе и продвижения канала!
лучшее объяснение такое сложной темы на хорошем и наглядном примере
спасибо!
Спасибо огромное! Это как всегда было прекрасно, как и все видео на канале!
Спасибо большое за данное видео! Очень помогает понять основы, немного окунуться во всё это и создать себе базу, от которой можно дальше глубже нырнуть в тулкит 😀
Большое спасибо за доступный и понятный материал!
Качественный контент. Приятно слушать) Респект автору
Михаил, как всегда - браво! Ты лучший преподаватель в рунете. Настолько грамотно, чётко, понятно, без "воды" и с прекрасной речью, по-моему никто не рассказывает
Супер!!!! Очень круто! Особенно вот эти моменты, видно и слышно ,как Миша душу вкладывает:
43:40
Миша! Ты просто БОГ по обучению! Большое уважение тебе!
Михаил, спасибо за ваш труд! Вы очень хорошо и доходчиво все объясняете, все разжевано, но при этом без лишних слов. С уважением, ваш подписчик 👍
Огромное спасибо вам за урок, за этот час вы сэкономили мне кучу времени
Волшебно объясняешь! Спасибо за видео!
Больше спасибо, Михаил. Всё очень понятно. Было полезно.
Напишу еще раз, мне очень понравилось твое объяснение. Огромная благодарность тебе.
Михаил спасибо, очень доступно и хорошо объясняете
Михаил, заранее благодарю!
Михаил, Вам огромная благодарочка. Не знаю по какой причине, но голый React мне был более понятен чем Redux. Благодаря Вам, у меня все встало на своим места
Михаил спасибо за ваши уроки вы очень хорошо объясняете
Уже давно пытаюсь вникнуть в Redux и только после этого видео всё встало на свои места. Спасибо!
Как всегда все на высшем уровне!
Класс, наконец то я добрался до полноценного изучения этой темы.
Спасибо, Миша за урок.
Огромное спасибо! Очень подробно и понятно!
Спасибо очень доходчиво объяснил, мне тяжело дается новая информация но я все понял)
это просто прекрасно, спасибо большое за вашу работу
Михаил, спасибо за подробный рассказ про redux toolkit
Подача материала шикарная))
уже довольно долго изучаю реакт по видосам айти камасутры и сам js в общем,но тут захожу и в простой туду задаче нахожу много новых фишек в первые же 10 минут видео,довольно круто и интересно,лайк подписка однозначно
Отличное видео! все подробно и понятно!
Спасибо! Мне понравилось то, что вы отвечаете на вопросы, "которые могут нам прийти в голову". Действительно, они приходили, но ясный ответ дали только вы. Очень помогло это видео: всё поэтапно, логично и структурированно.
Рад, что вам понравилось :)
Супер!!!! Очень круто!!!! Особенно видно и слышно, как Миша душу вкладывает:
43:30
56:12
Спасибо! Идеально объясняете) Все понятно
Один из лучших учителей по вебу на просторах ютуба. Учусь только у вас, Ulbi, Минина и Сташчука, но из всех у вас самый недооцененный канал.
посмотри еще Арчаков блог и Антона Ларина
Вот жиза, у меня те же любимые учителя + ещё Алекс Лущенко. Каждый в чем то хорош. Кто то js хорошо объясняет кто то реакт, а в данном случае лучше из всех обяснил Михаил)
Я бы сказал так, что все вышеперечисленные (включая автора этого канала) уступают Ивану Петриченко в качестве и проработанности подаваемого материала
Спасибо, все очень понятно изложено.
Спасибо огромное) помогаешь развиваться. Успехов во всём)
Спасибо! Как раз недавно начал изучать toolkit, ничего не понятно было до момента просмотра вашего видео)
Мужик, спасибо тебе большое, простым языком отлично объяснял!
ясно, в след проекте попробую и с тулкитом поработать. Благодарю за пример 👍
Спасибо за отличный урок!!!
Спасибо за качественный контент!
Спасибо, это лучшее видео по Redux
Очень хороший курс, спасибо
Спасибо! Очень доходчиво!
Спасибо за видосик, в данный момент изучаем этот модуль, не много просветил, тема действительно не легкая, успехов в разработки!))
Я конечно новичек, но материал и его подача - высочайший уровень, приятный голос как супербонус, благодарю за ваш материал!
Очень хорошее объяснение, спасибо!
Спасибо, очень подробно и понятно!
Спасибо, всё понятно. Отличное видео.
спасибо тебе большое, всё очень очень просто и понятно, то что я искал👍
Спасибо, Михаил. Стало чуточку понятнее, но в целом редакс пока что не помещается в голове. Внимательно посмотрел, теперь все повторю. Мне нравится подача, объяснение, голос. Желаю развития вашему каналу.
++ тоже самое. Надо попрактиковаться чтоб в голове уселось.
А ты наверно уже знаешь нормас и работаешь скорее всего. Год уже прошел)
ну как засело в голове ?))
что делал
Спасибо за видео, очень понятно обьясняете
Спасибо за отличное видео.
супер! Спасибо за подачу)
со второго раза прям хорошо понял, спасибо, Михаил!
Спасибо за урок смотрела видео раз 30юНачала создавать сама с Вами шаг за шагом. Наконец-то дошло. Но надо практиковать.....
Сутки искал нормальное обьяснение. И наконец нашел, спасибо)
большое спасибо автору, благодаря тебе я наконец-то понял redux-toolkit. Пожалуйста продолжай в том же духе
Очень крутое объяснение! Наконец-то поняла :) Спасибо вам
Михаил спасибо! Очень круто всё объяснил
Спасибо за Ваш труд
Кучу денег плачу на курсах и так не обьясняют. А тут за час общая картина раскрыта и стало намного понятнее. Спасибо!!!
По красоте объяснил!
спасибо за Ваши ролики)
Супер спасибо за урок!
спасибо за классный урок🤩
Спасибо большой за урок первый раз доходчива понял
урок супер, спасибо!
Блиииин наконец-то понял Редакс. Спасибо за видео.
Ну просто супер! Спасибо!!!
Спасибо большое за видео
Спасибо Михаил за полезный контент!
качественное и информативное видео, спасибо!
спасибо большое. Очень полезный материал
долгое время не мог понять что такое слайс)
Спасибо, очень полезное видео!
Очень полезно. Спасибо