Redux Toolkit 2.0 - новые возможности и критические изменения

Рет қаралды 23,462

5 ай бұрын

Что нового в Redux Toolkit 2.0 и его зависимостях. Разбираемся с критическими изменениями и смотрим какие возможности и нюансы принесла новая мажорная версия RTK.
Миграция на RTK 2.0 redux-toolkit.js.org/usage/mi...
Redux Toolkit для NextJS redux-toolkit.js.org/usage/ne...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Пікірлер: 76

@yaroslavzef7267 4 ай бұрын

Спасибо. Как раз нужен был сведий ролик по Redux Toolkit

@ValentinProtasevich 5 ай бұрын

огромное спасибо за ваш труд!

@andrewsam224 5 ай бұрын

Крутяк!!!! Новый видос Михаила!!! Сразу лайк!!!!!!

@artursavchuk2363 5 ай бұрын

спасибо, было интересно посмотреть

@tacowilco7515 5 ай бұрын

Это годнота подъехала. Как раз чаю себе налил.

@dkautochess9566 5 ай бұрын

Спасибо за контент

@maksymkyryliuk492 5 ай бұрын

I'm glad to see you, Serhii)

@Onee007 5 ай бұрын

Спасибо за видео, как всегда очень чисто и понятно подана информация. А по поводу обновлений то вроде все более логичней все в одном месте.

@vladimirmuratov2220 5 ай бұрын

Привет, Михаил! Как всегда интересно и познавательно. Приятно что не забываете про нас 😊

@Aegon_Targarien 5 ай бұрын

Продолжайте выпускать ролики Михаил, очень полезный контент👍🏻

@amirkhanmagomedov8906 5 ай бұрын

Лучше бы пытались, как-нибудь сокращать настройку, стора, редьюсеров, чтобы код было легче читать. А то еще больше бесполезной хрени добавили.

@galievramil1169 5 ай бұрын

Не говори, просто жесть

@andrewkhapoknysh2154 5 ай бұрын

Тоже не в восторге. Выглядит как куча костылей. Ей богу, проще не использовать Toolkit

@user-yw9wx4lv2w 4 ай бұрын

у вас есть варианты как это сделать?) Ну типо пока редакс под копотом особо лучше не сделать. В целом норм изменения, то что можно наконец работать с асинхронщиной без экстра редьюсера большой плюс) Буду чуть меньше теперь плеваться от редакса

@awenn2015 3 ай бұрын

Я уже и забыл про тулкит, пользуюсь зустандом в паре с контекстом и как то особо не парюсь)

@DmitriyDev 5 күн бұрын

@@awenn2015а зачем контекст?

@denisyarmoshko7277 5 ай бұрын

Круто. Спасибо. А сделай видос как ты теперь будешь с этим работать в связке с next.js,как оно описано.

@Nini-sv1bd 5 ай бұрын

Точно также

@megabulk 5 ай бұрын

Совсем недавно заморачивался на тему Redux и серверных компонентов и даже написал разработчику RTK. В ответ он мне сказал, что пока это невозможно.

@vadimvyalov9679 5 ай бұрын

полезно иногда интиресоваться изменениями. щас кстати читаю редакс + некст и даже не глянул изменения. в хелпе давно было написано использовать "Builder Callback" Notation при создании редюсера, а щас "Object" Notation даже не упоминается. с селектами прикольно, мидвару нужно будет перечитать чанки переделали, теперь стало похоже на рттк. думаю что в 3й версии скрестят ртк и рттк. и будет что-то одно ближе к рттк но с новой реализацией екстраредюсеров.

@cyclopsletsplays 5 ай бұрын

Огромное спасибо, что рассказываете о столь важных обновлениях! 🙏 Effector так расслабил за 2 года на рабочем проекте, что любую экспертизу в Redux потерял. 😅

@user-je6gi5qy6m 5 ай бұрын

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

@TheVakin213 4 ай бұрын

Из интересного, это удобная работа с санками, хоть мы их и не используем, но когда-то запаривало менеджить размазанную логику. А теперь всё в одном месте, и в случае необходимости можно декомпозировать, но точка входа осталась одна. Ждем 3 версию и обновление rtk query, большие ожидания по нему

@StudioWebDev 5 ай бұрын

Обзор классный и подача материала с примерами кода на высоте, приятно смотреть и слушать! Но вот про сам Redux - намудри как-то мне показалось, или после эффектора не заходит, хз

@HelloHovo 5 ай бұрын

Большое спасибо . Только я не понял почему 2 дизлайка . Ведь инфа полезная

@valeriipimenov4894 5 ай бұрын

Good job

@baileysli6235 5 ай бұрын

О хранить селекторы в слайсе, а не в отдельных файлах удобно. Интересно только мемоизированные селекты через Reselect совать туда же или рядом экспорптить, но это уже на практике выясню. *UPD:* Можно сразу создать мемоизированный, когда нужны какие-то преобразования. Хотя мне удобнее рядом создавать, когда нужно объединить несколько готовых, а не копипастить их Создание async Thunk прямо в слайсах выглядит переусложнённым. Мне санки проще хранить отдельно, потому что одна и та же санка может обновлять сразу несколько слайсов. Хотя и чаще просто не юзаю санки, а перевожу проект на RTK query Спасибо за рекап

@spichkens 5 ай бұрын

Если не ошибаюсь, мув с санками обусловлен избавлением от экстра редюсеров. уже давно кидало варнинги о том, что скоро выпилят экстра редюсеры. как по мне, мув хорош. выглядит, конечно, перегружено. но можно ведь так же хранить санки отдельно и импортить в нужные редюсеры

@olegkravchenko9655 5 ай бұрын

@@spichkens Предупреждения кидало о том, что запись extraReducers в виде объекта будет выпилена, что и сделали - остался вариант только с builder.

@vadimvyalov9679 5 ай бұрын

не переваривал чанки и писал рттк

@velikorossnationalist4259 5 ай бұрын

Здравствуйте! Redux-Saga больше не актуальна? Используют ли ее в связки с Redux-Toolkit?

@mishanep 5 ай бұрын

Зависит от тонкостей проекта. В большинстве случаев сага сегодня не нужна.

@romanmed9035 2 ай бұрын

можно ли initialState при создании слайса заполнить содержимым полученным с бэкенда? например теми же сохраненными в базе тудус.

@awenn2015 3 ай бұрын

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

@stasxanax4670 2 ай бұрын

А чем пользуетесь?

@awenn2015 2 ай бұрын

@@stasxanax4670 пока что zustand

@dmitri_yz 5 ай бұрын

что за программа у вас на mac иконка которой бегущая кошка в верхней правой панели навигации?)

@kandovvioletta6843 5 ай бұрын

Github

@mishanep 5 ай бұрын

RunCat

@Nini-sv1bd 5 ай бұрын

При запуске экшна на todo лист, есть задержка в секунду. Это не связано с перфомансом редакса?

@mishanep 5 ай бұрын

Нет. В моем примере нет optimistic ui и UI полагается на ответ от сервера.

@fan-it 4 ай бұрын

Михаил, получаю ошибку typescript при использовании асинхронного акшена dispatch( actionThunk() ) Ts говорит что ожидается какой то параметр, но у меня экщен без параметров используется...

@adamburke4496 2 ай бұрын

9:50 я не понял, что за api импортируется и вкладывается в combineSlices?

@user-pp1np9ql2j 5 ай бұрын

Почему удобнее хранить всю логику санков и селекторов в 1 обьекте слайса? Так же файл разрастается и становится трудно читаемым

@elementalhero9939 5 ай бұрын

Привет Михаил. Очень полезный контент. Один из моих фаворитов:) Хотел узнать твое мнение о стейтменеджере Zustand. На практике и в проде показал себя лучше чем редакс.

@mishanep 5 ай бұрын

Мне zustand нравится. Мне видится что часто он ложится в проект лучше редакса.

@NikitaChekmarev 4 ай бұрын

Может кто знает в чем проблема , когда пытался создавать селекторы внутри слайса , то падала ошибка : selectSlice returned undefined for an uninjected slice reducer

@un_defined 5 ай бұрын

Вообще нет желания работать с этим РТК. Пора на пенсию РТК. Спасибо за обзор.

@vvg1077 3 ай бұрын

А можно тезисно чем плох и что вместо него?

@awenn2015 3 ай бұрын

@@vvg1077зустанд))

@TheS68123 3 ай бұрын

@@vvg1077 охренеть как надо все много че настраиваить стор редьюсеры фанк 100500 строк писать и добовлять эксатра редюсеров/ redux скоро умрете даже уже есть простые state manager такие как zustand . Почему он еще популярный, бизнес сидит на нем как когда-то на jquery

@galievramil1169 5 ай бұрын

Я просто хирею от этого, спасибо за твой труд Михаил, но когда переходили на toolkit, он уже казался замороченным, по сранению с нативным первым, но в принципе, многое упрощал Сейчас, на мой взгляд, это движение не туда, ПРОЩЕ НЕ СТАНОВИТСЯ...

@user-yw9wx4lv2w 4 ай бұрын

а как оно может стать проще? Под копотом все еще реадкс который весьма ограничен

@galievramil1169 4 ай бұрын

@@user-yw9wx4lv2w согласен, Я юзаю вариант 2022, вполне устраивает

@MaximLisyanskiy 5 ай бұрын

AsyncThunk удобно сделали

@iGotton 5 ай бұрын

@frednoby8531 26 күн бұрын

Это жесть! Вместо упрощения всё только усложнили с новой версией. В итоге код становится сложнее и не понятнее.

@kotegav7798 5 ай бұрын

Вот вроде всё на пользу и полезно... Но вот реально попользовавшись в тестах вьюэксом и пинией... Капец как не хотелось к редаксу возвращаться :))) Неужели под реак не возможно сделать что-то столь же логичное и без кучи странных манипуляций кодом?)

@mishanep 5 ай бұрын

Так есть и альтернативы. Мне нравится zustand. Редакс долгое время был стандартом, поэтому его по инерции продолжают использовать.

@kotegav7798 5 ай бұрын

@@mishanep спасибо попробую!

@user-yw9wx4lv2w 4 ай бұрын

effector/reatom

@alexeyfilippov42 5 ай бұрын

а почему не показали способ создания редюсеров в слайсе с помощью create? reducers: (create) => ({}). я на него сейчас переписал тсанки намного удобнее стали

@mishanep 5 ай бұрын

Эта тема есть в видео

@alexeyfilippov42 5 ай бұрын

@@mishanep так точно) прошу прощения

@awwarez 5 ай бұрын

@mishanep Михаил, а вас со знаменитым шахматистом объединяют родственные связи? Или вы просто однофамилец?

@dev-to-prod 5 ай бұрын

Zustand the best. Redux не потрібен. Якщо потрібно працювати з api, тоді react query для rest api i apollo client для graphql api. Зараз немає сенсу в Redux.