Тёмный

1. Redux Toolkit. Сделай redux код проще! 

Ulbi TV
Подписаться 309 тыс.
Просмотров 111 тыс.
50% 1

И так в этом видео мы разберемся с Redux Toolkit. Это некоторая надстройка над Redux, от разработчиков самого Redux.
Если кратко пересказать документацию, то Redux Toolkit сокращает количество кода, которое пишет разработчик, помогает сократить количество рутинных действий, по типу создания action creator'ов и сосредоточиться именно на логике работы с состоянием.
Также по умолчанию в Toolkit встроены инструменты разработчика и redux-thunk.
Документация Toolkit - redux-toolkit....
Анимации в React - • Анимации в React. Reac...
React\Redux\Webpack практический курс - • React Redux Webpack - ...
MERN (mongo, express, react, nodejs ) Облачное хранилище fullstack приложение - • MERN - FullStack разра...
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - www.qiwi.com/n...
Яндекс деньги - yoomoney.ru/to...

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 114   
@serdargurbanmyradow287
@serdargurbanmyradow287 4 года назад
Твой подход очень понравился без воды, информативно, все по полочкам.
@UlbiTV
@UlbiTV 4 года назад
Спасибо за комментарии, ценю!!
@vraja_nayaka
@vraja_nayaka 4 года назад
Благодарю за видео. Вкратце, по делу и с примером. Продолжай в том же духе.
@UlbiTV
@UlbiTV 4 года назад
Спасибо за отзыв, очень рад, что полезно)
@user-pd9no5ye5g
@user-pd9no5ye5g 3 года назад
ахренеть, ломаешь мозг разбираясь с редьюсерами и тут херак, за 6 мин узнаешь что вместо 100500 строк кода можно написать 5 строк и все будет работать но в следующем уроке еще все проще)))) спасибо))
@UlbiTV
@UlbiTV 3 года назад
Ну приступать к тулкиту без понимания редюсеров и смысла нет!) Так что путь верный!
@ДанилДмитриев-я5м
как успехи
@jsmonstr9638
@jsmonstr9638 4 года назад
Даже не знал, что такое есть, круто, спасибо))
@UlbiTV
@UlbiTV 4 года назад
Спасибо, да, действительно полезно)
@evgeniyn1542
@evgeniyn1542 4 года назад
Отличное видео, спасибо. Полезный инструмент, странно что про него очень мало видео.
@UlbiTV
@UlbiTV 4 года назад
Будет продолжение, ожидайте!)
@dlazder3937
@dlazder3937 11 месяцев назад
00:00 Введение • В этом видео будет рассмотрена настройка редактора Redux с использованием инструментария Redux Toolkit. 00:30 Установка и настройка Redux Toolkit • Установка Redux Toolkit с использованием npm и копирование скрипта установки из документации. • Создание файла index.js для инициализации Redux Toolkit и файла для первого видео. 01:03 Создание режиссера и настройка состояния • Создание корневого радиуса r, конфигуратора stor и дефолтного состояния. • Создание action-трейдеров для инкремента и декремента, а также для добавления и удаления туду. 02:03 Использование Redux Toolkit • Использование синтаксиса ES6 для изменения состояния и создания action-трейдеров. • Демонстрация работы с Redux Toolkit в инструментах разработчика. 05:58 Заключение • Сравнение кода с использованием Redux Toolkit и обычного редактора Redux. • Рекомендация посмотреть видео о слайсах после этого урока.
@SARGONIT_V1
@SARGONIT_V1 3 года назад
Объяснение классное) Лойс и Спасибо!) По самому инструменту остались вопросы, пока что не понял чем он упрощает. Просто поменялся синтаксис
@danielasangulov6103
@danielasangulov6103 2 года назад
меньше кода и плюс к читабельности кода
@starunski_
@starunski_ 3 года назад
Отличное видео, спасибо !!! пора делать курс )))
@UlbiTV
@UlbiTV 3 года назад
Спасибо, друг, на канале много полезного!)
@samerlagha1609
@samerlagha1609 4 года назад
Огромный спасибо вам очень интересный и полезный инфо 👍
@UlbiTV
@UlbiTV 4 года назад
Спасибо и вам за хороший отзыв!)
@dzmitrykubarski1462
@dzmitrykubarski1462 4 года назад
Круто, благодарю!)
@UlbiTV
@UlbiTV 4 года назад
Рад, что полезно!)
@konglomora3230
@konglomora3230 3 года назад
Твои видео просто находка!
@UlbiTV
@UlbiTV 3 года назад
Очень рад слышать!
@s9219871110
@s9219871110 3 года назад
Ну что я могу сказать, господа программисты, годнее контента Ютуб не содержит. Тимур, спасибо!
@dmytroNaholiuk
@dmytroNaholiuk 3 года назад
Спасибо! Подписался, буду сделать за твоим творчеством, желаю успехов!
@UlbiTV
@UlbiTV 3 года назад
Спасибо, на канале много интересного, рекомендую!)
@Quentinrei
@Quentinrei 2 года назад
Очень, очень круто, кайф смотреть. И круто что ты то же выносишь типы из экшенкриейторов в константы
@mykhailostepanishchev6472
@mykhailostepanishchev6472 3 года назад
Кратко и лаконично,спасибо ! Redux Toolkit
@viacheslavhinchuk5162
@viacheslavhinchuk5162 2 года назад
Большое спасибо, за 6 мин обьяснил лучше и проще чем челы с уроками на 1-2 часа :)
@artedza
@artedza 3 года назад
Супер! Спасибо!
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@itpro952
@itpro952 4 года назад
Полезно, спасибо
@UlbiTV
@UlbiTV 4 года назад
Спасибо за поддержку))
@barbatage5078
@barbatage5078 4 года назад
Спасибо за контент!
@UlbiTV
@UlbiTV 4 года назад
Пожалуйста!)
@NeoJohnSmit
@NeoJohnSmit 3 года назад
Спасибо бро) обычный redux это сплошной бойлерплейт... а тут гораздо лаконичнее
@dim3143
@dim3143 3 года назад
без payload'ов пример очень кастрированный и полностью копирующий документацию, прям 1 в 1. Если у меня есть массив items и я хочу в каждом айтеме увеличивать/уменьшать счетчик. То куда в таком случае payload пихать, если у меня в редьюсере increase = createAction('increase')? а, а, а?
@DrGurgen
@DrGurgen 3 года назад
Спасибо за работу.
@UlbiTV
@UlbiTV 3 года назад
Спасибо за поддержку!)
@Алексей-и8ю7ю
@Алексей-и8ю7ю 3 года назад
👍
@ДмитрийРыков-р6н
@ДмитрийРыков-р6н 3 года назад
Спасибо, полезное видео.
@atlasua2021
@atlasua2021 3 года назад
Почему redux не переделают в toolkit?
@kostyafrompiter
@kostyafrompiter 2 года назад
я думаю потому что все уже привыкли и он стрельнул и давно пользуется спросом. А спрос рождает предложение.
@teosurch
@teosurch 2 года назад
Спасибо за объяснение! Прояснилось в голове немного :)
@barmaley9705
@barmaley9705 3 года назад
you are god!! thank you great!!
@serg1221
@serg1221 3 года назад
Молодец, с меня коммент и лайк)
@programming5944
@programming5944 3 года назад
Очень полезно, спасибо большое автору! redux toolkit
@elena6956
@elena6956 3 года назад
Спасибо за видео!
@Infinity-zf8ms
@Infinity-zf8ms 3 года назад
Отличное объяснение👍
@vladimirgorinov4373
@vladimirgorinov4373 3 года назад
Отличное видео, остался вопрос после него. Если мы уже подключили редакс к реакту, есть ли смысл использовать useState в приложении, если по сути из любого компонента мы можем двумя хуками useSelector и useDispatch менять стор?
@HeyCosmoBoy
@HeyCosmoBoy 3 года назад
так useState нужен для локального состояния а вот redux нужен для глобального
@Ariadne.sThread
@Ariadne.sThread 9 месяцев назад
Супер спасибо!
@eshapechko
@eshapechko Год назад
Спасибо за ролик, как раз изучаю Toolkit, очень кстати. Скажи, а что за переводчик ты используешь в видео?
@MrDenisik
@MrDenisik 3 года назад
createAsyncThunk запиши видос про эту фичу
@s9219871110
@s9219871110 2 года назад
Спустя два месяца после последнего просмотра понадобилось подвспомнить...+еще 1 комментарий =)
@daniyarzhanakhmetov7741
@daniyarzhanakhmetov7741 4 года назад
Спасибо за видос! Что за переводчик у тебя?
@UlbiTV
@UlbiTV 4 года назад
Пожалуйста!) imtranslator расширение для браузера
@fred20659
@fred20659 Год назад
Спасибо, все по делу!
@СергейГрамма-б3ъ
Просто заранее везде пишу что все топ.
@markgo8168
@markgo8168 3 года назад
configureStore уже включает в себя combineRedusers
@UlbiTV
@UlbiTV 3 года назад
Вполне возможно, спасибо)
@klavdiak8875
@klavdiak8875 2 года назад
спасибо большое!
@oleh_hrytsyk
@oleh_hrytsyk 3 года назад
вопрос , а как юзать localstorage тут , куда вписать его?
@aleksandrmatyka3118
@aleksandrmatyka3118 3 года назад
так а если данные идут какие то а не просто state + 1 , если там данные с поля идут
@UlbiTV
@UlbiTV 3 года назад
Посмотрите следующее видео про тулкит)
@petrvictorovich
@petrvictorovich 2 года назад
Так, у меня 999 - ещё один лайк до тыщщи!
@SASHA-ys7em
@SASHA-ys7em 2 года назад
Спасибо, очень полезное видео! На моменте 4:20 ты говоришь что при помощи синтаксиса ES6 в квадратных скобках мы передаем эту константу. Не совсем понял как оно работает, ты не мог бы разъяснить?
@SASHA-ys7em
@SASHA-ys7em 2 года назад
@Tamulik Suanchik я понимаю) просто попросил объяснить, так как хочу понять как оно работает
@erassylzh5658
@erassylzh5658 3 года назад
как использовать toolkit с redux-saga?
@serdargurbanmyradow287
@serdargurbanmyradow287 4 года назад
За лайкал все твои видосы спасибо тебе за видос!
@UlbiTV
@UlbiTV 4 года назад
Спасибо, друг!)
@malthael6527
@malthael6527 Год назад
Супер!
@sivkaburka1062
@sivkaburka1062 2 года назад
Досмотрел до конца
@maxsu6025
@maxsu6025 3 года назад
А ссылку на githib c кодом данного примера можно? С конфигами, а то у меня с createSlice никак
@UlbiTV
@UlbiTV 3 года назад
К сожалению ссылки нет(
@kepamuk1
@kepamuk1 3 года назад
почему не выложил свое приложение в гит
@UlbiTV
@UlbiTV 3 года назад
Да здесь выкладываать по сути нечего)
@kepamuk1
@kepamuk1 3 года назад
@@UlbiTV все равно что бы людям не писать, быстро скачали и все сделали, посмотрели, плюс свой гит прокачиваешь
@UlbiTV
@UlbiTV 3 года назад
@@kepamuk1 свой гит такими вещами не прокачаешь, но выложить мог, согласен, более крупные проекты выкладывал)
@Dr_Xaos
@Dr_Xaos Год назад
спасибо за материал
@НикитаУхин-ч5б
@НикитаУхин-ч5б 2 года назад
Лучший
@denispepper2830
@denispepper2830 2 года назад
я бы записался на обучение к такому ментору!!
@Ramosok
@Ramosok 2 года назад
класс!
@antonmalay6013
@antonmalay6013 3 года назад
это топ
@UlbiTV
@UlbiTV 3 года назад
Спасибо бро!)
@ollegat
@ollegat 2 года назад
агонь
@bukanaka
@bukanaka 3 года назад
Неужели такое существует!?))
@UlbiTV
@UlbiTV 3 года назад
хеех, да))
@WillaTutorial
@WillaTutorial 2 года назад
Здравствуйте. В ES6 синтаксисе [increment] : function() {} чем является increment?
@АндрейМаксименя
@АндрейМаксименя 11 месяцев назад
Так в объект помещается переменная. Increment то, что записано в той переменной.
@romanshell5740
@romanshell5740 2 года назад
Привет. Я не понял с двумя файлами index.js. Что это и как это работает?
@dali5010
@dali5010 2 года назад
What is name of translation-extension in first part of video ?
@Gojo___Gojo362
@Gojo___Gojo362 2 года назад
good
@aleksprimetv
@aleksprimetv 2 года назад
Получается мы так избавляемся от mapDispatchToProps и mapDispatchToState в компонентах
@РоманГарманов-т9ы
@РоманГарманов-т9ы 2 года назад
Что за штуковина выводит подсказки? 4:02 ActionsMap
@nekramant1
@nekramant1 2 года назад
вот бы у меня была такая скорость работы... )
@romanryaboshtan9270
@romanryaboshtan9270 2 года назад
4:48 очень похоже на пакет Immer
@hanclean2938
@hanclean2938 Год назад
подскажите плагин который юзает Юлби сенпай, там подсказывает что это, мол редюсер и.т.д
@dimatronciu9916
@dimatronciu9916 3 года назад
Crasavetz
@vitalyks
@vitalyks Год назад
сильно ли устарели данные, если начинаю изучать реакт 18 ???
@АлексейМухин-д9м
@АлексейМухин-д9м 2 года назад
Тимур, подскажи как в VS code сделать отображение структуры папок как у тебя в этом видео?
@ՎարդանԹառայան
@ՎարդանԹառայան 2 года назад
Слева?
@АндрейПахомов-м7ъ
@АндрейПахомов-м7ъ 3 года назад
Спасибо за информацию на русском
@UlbiTV
@UlbiTV 3 года назад
На здоровье!)
@RomanIncode-l3m
@RomanIncode-l3m 3 года назад
Просто жесть как спешишь , зачем ? Время на ютубе заканчивается чтоли ? Если смысл показать как ты быстро печатаешь и переходишь со страницы на страницу - то ок , а если смысл в том - что бы все поняли , то не торопись ты так )) Жесть какая-то ))
@helenit4365
@helenit4365 3 года назад
Всем не угодишь, тебе быстро, а другим медленно!
@timofeygoncharov2065
@timofeygoncharov2065 2 года назад
Как же все это криво выглядит после нормальных стейт-менеджеров таких как effector. Redux со всеми его надстройками - костыль на костыле.
@vadim_romanov
@vadim_romanov 5 месяцев назад
у кого ошибка The object notation for `createReducer` has been removed. Please use the 'builder callback' , то в toolkitReducer.js ставим export default createReducer(initialState, (builder) => { builder.addCase(increment, (state) => { state.count = state.count + 1; }); builder.addCase(decrement, (state) => { state.count = state.count - 1; }); });
@майнкрафт-к2и
@майнкрафт-к2и 3 года назад
Крутая тема! Благодарю!
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг!)
@marksavka3654
@marksavka3654 3 года назад
А есть где-то код урока ?
@pashaadamovych2738
@pashaadamovych2738 3 года назад
Спасибо!!!
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо!
@gritsienkooleg3447
@gritsienkooleg3447 Год назад
Блин, Тимур, реально от души, осваиваю, твоё видео прям оооочень в тему!
@ПопівчакБогдан
@ПопівчакБогдан 2 года назад
Большое спасибо за качественньій материал!