Асинхронная работа с Redux Toolkit и createAsyncThunk

[@mikhailmikhailovich1037]

У автора есть талант обучать других людей. Информация подается очень корректно и доступно. Большое спасибо!

[@maga_frank]

Чувак спасибо тебе за такой качественный контент. Не затянуто и не коротко прям идеально. Не буду указать пальцем, но есть некоторые которые пробегают быстро что то рассказывают, не успеваешь за ними и ничего не понятно.. А тут все идеально)

[@kenanhaciyev3759]

это лучший видеоуроки по redux-toolkit и createAsyncThunk

[@ИванВалучев-э5р]

Одно удовольствие, учится по вашим роликам, большое спасибо!)

[@den_ph]

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

[@СтройКонсалт]

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

[@lightinthedark5708]

Прекрасная речь и очень доходчивое объяснение. Спасибо, Михаил!

[@loner_feed1738]

Как раз из-за таких добрых людей как ты меня ещё не уволили)

[@anazkomult]

Отличный урок по Redux Toolkit и createAsyncThunk. Спасибо, Михаил!

[@alextotun]

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

[@AlEgorova]

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

[@krissssssssssssssssss]

Михаил, видео действительно получилось полезным! Посмотрела, так как на проекте используется redux toolkit, а я только redux использовала. Особенно отмечу дикцию, вас приятно слушать, четко и по делу рассказываете, видео просто находка

[@ИванИванов-л7ю]

Михаил огромная благодарность вам за это видео в частности и за весь обучающий контент который вы делаете!

[@keymsr]

Спасибище! Долго не мог разобраться, а тут всё просто и наглядно оказалось.

[@MrOmelnik]

Спасибо автору за отличный обучающий материал. Доступно, понятно, без "воды". Удачи Вам.

[@vladprodan7010]

Крутое видео! Ты крут! Давай RTK Query

[@juniorprogrammer3246]

Да RTK Query нужен

[@anazkomult]

Да, было бы чудесно. Михаил, очень просим!)

[@mikhail_shokun]

Хотим RTK Query

[@alexey9404]

Спасибо за инициативу во второй части ролика и то что ты его продлил. Очень полезная инфа! Спасибо. Продолжай в том же духе 👍

[@soln_sce3088]

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

[@Romul3003]

Спасибо. Разбирал все сам по документации, а с твоей помощью закрепил и все улеглось в голове)

[@akovalevv]

Одни из лучших видео на ютубе. Спасибо большое. Очень нравится что по мимо отличной подачи, автор пишет все на современных технологиях. Очень много туториалов даже за 2021- 22 года до сих пор используют старый редакс, а не тулкит.

[@stephencurry8078]

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

[@Werma2006]

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

[@olegnesterov9957]

Огромное спасибо за подробное объяснение работы с разными типами запросов

[@bobby_jones]

Очень благодарен за это видео. Помогло сильно. Не мог сам разобраться в Redux thunk в Redux Toolkit

[@KenKeray]

Редко встречаю, когда видео лучше мануала. Спасибо!

[@Litaka1]

отличный урок!! Спасибо, на работе в проекте назрела необходимость в использовании редакса. Я слишком далеко зашла в пропсдрилинге и нужно было это исправлять пока не поздно. Помнила, что начинала разбираться в классическом редаксе и было все понятно, до момента типизации))) но делать-то надо, еще только 9 месяцев опыта и я одна единственная фронт-программист, все делаю сама) немного страшно было, но по первому вашему уроку, я разобралась+помог коммент про типизацию, все РАБОТАЕТ!!!!! Смотрю дальше

[@minkostas7232]

как это вы так устроились без знаний ?))

[@Litaka1]

это не IT компания, основное направление деятельности производство, а мой маленький it отдел - стартап. В чем-то легче(в плане нет дедлайнов), так как стадия разработки только (нет клиентов)@@minkostas7232

[@denisu9286]

Спасибо за легкий и понятный рассказ

[@mikhaildevichensky6407]

Спасибо ! Приятный голос и четкость мыслей . Лайк и Подписка !

[@j4st134]

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

[@outlaw4Iife]

Спасибо, в качестве благодарности напишу ключевые слова чтоб твой видос быстрее искали. redux redux toolkit react-redux createAsyncThunk

[@nursultanyerzhan4432]

Одним словом супер 😊. Простой, понятный, подробный.

[@EgorkaTubeOne]

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

[@voidcode2534]

Большое спасибо! Люблю ваши видео, приятная и понятная подача

[@AndreyKarlin]

САМОЕ ЛУЧШЕЕ НА ЮТУБЕ ПО РЕДАКС ТУЛКИТ! СПАСИБО ОГРОМНОЕ, С МЕНЯ ПОДПИСКА И ЛАЙКИ!

[@ДмитроСіченко]

Спасибо , видео было очень полезное , светлая тема, оказалась очень приятная для восприятия, размер шрифта отличный!!!

[@vova9962]

Лайк, подписка, все уведомления !

[@Rostyslav-hv9un]

Видео отличное, помогло мне понять принципы работы Toolkit. Но эта белая тема в VSCode)))))

[@СергейКузнецов-щ5я]

Михаил, сильно благодарю. Классный видос, классная подача, классный урок!!!

[@НиколайСеливанов-и2в]

Большое спасибо! Redux стал не так страшен :-) Отличное видео.

[@evgeniyn1542]

Спасибо Михаил! Надо будет в выходные посмотреть :)

[@ylcsl4378]

Вот бы я раньше нашёл это видео, спасибо за труд!

[@DmitryDolganov]

Михаил, салют! Благодарю!

[@mishanep]

Обращайтесь :)

[@deriirostyslav2335]

да реально всё получается. Спасибо

[@true227]

Михаил, спасибо за видео. Прошло два года с момента выхода видео и теперь при записи через объектную нотацию в поле extraReducers, т.е в таком формате [fetchCards.pending]: (state, action) вылезает предупрждение в консоли о том, что The object notation for `createSlice.extraReducers` is deprecated . Корректная запись теперь через билдер extraReducers: (builder) => { builder.addCase(fetchCards.pending, (state) => { state.status = "loading"; }); Только вот в официальной доке указаны оба этих способа и про депришиайтед первого ни слова. Лучи поноса им

[@xdayx53]

да-да

[@sergeyplotnikov5031]

Как можно это унифицировать? Не хочется для каждого запроса прописывать столько всего. Большое спасибо за очень доходчивое объяснение!

[@mishanep]

Как и в обычном redux-thunk, rtk позволяет прокидывать для санков extra-параметр. Вместе с ним можно передать свою абстракцию для работы с crud-операциями, и внутри санка уже работать с ней, передавая нужные значения.

[@user-bt1rh9rt8j]

Спасибо!!! Очень ждал это видео после предыдущего про редакс

[@АлександрВащекин-с3й]

Михаил, видео супер!!! Прекрасное объяснение

[@avmru]

Спасибо за createAsyncThunk!

[@НиколайХаритонов-й3н]

Видео огонь, тема очень хорошо раскрыта!

[@user_8911]

Очень люблю Ваши видео. Просьба - уменьшить разрешение экрана. С телефона ничего не видно, что в документации написано.

[@OleksandrDanylchenko2k]

Отлично, как раз на этой неделе понадобилось)

[@sqpine]

Спасибо. Очень полезные видео, приятный голос и подача.Подписался😁

[@Markuvines]

Спасибо за хорошую подачу информации.

[@МихаилНиколаев-з9л]

новый вид записи extraReducers, все остальное как и было: extraReducers: (builder) => { builder .addCase(fetchUsers.pending, (state) => { state.status = "loading"; state.error = null; }) .addCase(fetchUsers.fulfilled, (state, action) => { state.users = action.payload; state.status = "resolved"; state.error = null; }) .addCase(fetchUsers.rejected, (state, action) => {}); }

[@Zadrot1080p]

Вот еще варик extraReducers: (builder) => { builder .addCase(fetchTodos.pending, (state, action) => { state.status = 'loading'; state.error = null; }) .addCase(fetchTodos.fulfilled, (state, action) => { state.status = 'resolved'; state.todos = action.payload; }) .addCase(fetchTodos.rejected, (state, action) => { state.status = 'rejected'; state.error = action.payload; }) .addCase(deleteTodo.rejected, (state, action) => { state.status = 'rejected'; state.error = action.payload; }) .addCase(toggleStatus.rejected, (state, action) => { state.status = 'rejected'; state.error = action.payload; }) }

[@brontytv4266]

люблю тебя братишка

[@garikmelqonyan9130]

Many thanks to you, Michael. Was a great tutorial as the most of your content.

[@warcraft.mp4889]

Вы просто прелесть

[@pitbrest]

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

[@prohanya]

Большое спасибо за уроки по Редаксу. Очень подробно, с актуальной информацией. Подскажите, есть ли какие-нибудь видео по Entity Adapter?

[@mishanep]

Для ютуба не записывал. Я разбирал его в своём курсе по редаксу - классная штука.

[@ВалерийПерелыгин-ъ3е]

Привет, старик!! ) Вкратце словами интернет классика... Нихрена не понятно, но оооочень интересно! ))

[@mishanep]

Какими судьбами, дружище? :)

[@sergiopuccini]

Лайк! Подписка! Очень круто объяснено.

[@Vlad-jp3co]

Спасибо за ваши старания, Михаил)

[@artemlesnov4869]

Шикарный материал!!! Спасибо большое. хотел еще спросить о выносе логики из редюсеров в екстраредьюсеры и соединение нескольких слайсов для совместной реализации какой-то логики! было бы интересно посмотреть

[@nivaech]

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

[@MarshallBanananana]

Лекция информативная и доходчивая - Спасибо! Установить стартовый проект не удалось ни Ярном (отсутствует файл лицензии) ни NPM (401 - нет аутентификации).

[@mishanep]

Lock файл попробуйте удалить и запустить заново

[@MarshallBanananana]

@@mishanepСпасибо, удаление yarn.lock помогло. npm install; npm fix --force; npm run - live-server поднялся!

[@МатвейМанько-ь6ч]

Спасибо за туториал!

[@КириллПетров-ш3н3к]

Спасибо! Отлично помогло разобраться.

[@АнатолийГорбов-о1ь]

Михаил спасибо, отличное видео!

[@dimalukashenko4865]

Очень крутое видео. Чётко, без воды. Продолжай в том же духе.

[@kostya9772]

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

[@МаксФамильный-о4п]

Спасибо большое за видео! все очень доступно и понятно, НО можно пожалуйста попросить Вас сделать примерно этот же пример только в классовом компоненте. Решил для себя разобраться, но если честно это стало большой проблемой. Я и другие зрители думаю скажут Вам спасибо за это. P.S. лайк поставил и подписался)

[@МаксФамильный-о4п]

можно даже не видео отдельное я на codepen или куда еще залить.

[@mishanep]

Приветствую. Видео точно не будет :) В чем конкретно возникла сложность? Я классовые компоненты использую только для error контейнеров (потому что по-другому нельзя). В остальном всё на функциях, сам Реакт нам это рекомендует. В классах, понятно, не действуют хуки. А подключение к Редаксу происходит через пень колоду, то есть через метод connect из react-redux, который добавляет в пропсы значения из хранилища и конкретные экшны.

[@МаксФамильный-о4п]

@@mishanep будем пробовать. Спасибо за ответ

[@MrMikelend]

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

[@escobar929]

автор просто красава!!!

[@АлексейФиленко-ф4к]

Как всегда большое спасибо!)

[@dev-to-prod]

Контент огонь! Лайк, подписка) More React content pls!)

[@kspshnik]

Михаил, доброе утро! Спасибо за супервидео. Скажите, а по createEntityAdapter() Вы такого видео случайно не планируете?

[@mishanep]

Приветствую. У меня он разобран на курсе по редаксу (юдеми, степик). На Ютуб пока не планировал. Штука удобная, да.

[@АннаБояршинова-о3т]

Redux Toolkit. Thanks!

[@glorglorsky7987]

супер! спасибо большое!) очень классно объясняешь! почему используете fetch вместо axios?

[@mishanep]

Чтобы не устанавливать дополнительную библиотеку. Впрочем, это не значит, что axios я вообще не использую)

[@Кашель-о5у]

Спасибо!

[@ОлегФилатов-м6е]

всё круто, спасибо

[@ГульзанаКаткелдиева-ъ4ь]

спасибо, все понятно

[@sasdasaasdasdasdadad5354]

спасибо

[@vladvoloshenko5701]

лучший)

[@enjoynfun]

Thank you very mach)))

[@xdayx53]

спасибо)

[@vdvchannel7765]

толково 👍

[@mivalb7979]

Круто, спасибо!

[@vl_rotche]

Браво!!

[@awenn2015]

27:19 для таких вещей typescript и нужен что бы не гадать что там функции принимают ))

[@asergeev707]

Отличное видео

[@andrewsmal5173]

Круто!!!

[@awenn2015]

12:28 необязательно что то помещать в массив зависимостей эффекта , можно просто пустой передать и все

[@kosechok1]

Михаил, спасибо за хороший урок Очень бы хотел посмотреть как можно реализовать поведение кнопки “отметить всё” что бы и на сервер шли все запросы и код был переиспользован. Сделал у себя но чтото мне не нравится мой вариант :( Буду признателен за совет

[@mishanep]

Приветствую! По-хорошему для реализации такой фичи нужно, чтобы сервер обрабатывал соответствующий запрос. Было бы странно делать десятки или сотни запросов на каждую тудушку для выполнения типового действия. Поэтому здесь должна быть согласованная работа фронта и бэка. Как вариант, бэкенд может вернуть либо обновленный массив всех тудушек и мы тогда просто перезаписываем стейт, либо статус успешного завершения и тогда мы уже делаем своё событие обновление стейта.

[@armensargsyan8981]

14:30 в реальности будет именно так, он поподет в rejected, а дальше уже можно взоимодействовать с state, ошибка же todos.map is not a function... а в коде в initialState есть дефолтное значение? todos: [] ?

[@abdulovdb]

Михаил, какую тему используете в VS Code ? В последнее время в поисках светлой темы, но до сих пор безуспешно. Но ваша, по крайней мере в видео, мне не режет глаза)

[@mishanep]

Сейчас я работаю с темной темой CodeSandbox 2021. Какой была тема в момент записи данного видео, наверняка не скажу. Но вполне возможно это была стандартная светлая тема, идущая из коробки.

[@GioMikadzegio9000]

спасибо !!!! если есть возможность снять видео про react query? спасибо !

[@mishanep]

У меня на канале есть такое видео

[@williammutua]

Well explained 💯

[@trampsport]

спасибо за видео! Может лучше action не событием называть, а действием?

[@maksymkyryliuk492]

Михаил, знаю что скорей всего вы наверное не ответите на мой вопрос, видео уже давнее ведь. Но всё же попытаюсь задать его. А можно ли редакс-тулкит использовать совместно с интерсепторами аксиоса? 🤔

[@denpol9956]

Прошу сделать видос про связку Next.js + Redux Toolkit + Redux-Saga. Было бы интересно.

[@mishanep]

На очереди RTK Query. Про наборы библиотек сложно делать видео. В моем представлении надо пререквизит сначала предложить.

[@olegpavlov4329]

Спасибо, но пока ничего не понятно... лишь на горизонте, что то виднеется. Спасибо. Думаю, что РАЗГРЫЗУ. ))

[@flybystudio1213]

Эх... где ты был раньше?..