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

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

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

2 года назад

103,128 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

shoxer petrosyan
shoxer petrosyan - 15.09.2023 13:35

Только рискнула и решила ввести в проэкт асинктанк.У меня вопрос такой,если я хочу перед всеми запросами к бэку, проверить устарел ли мой токен,чтобы выйти из аккаунта..Мне надо в миддлевейрах писать эту часть кода.Или как ?Спасибо заблаговременно

Ответить
what?
what? - 10.09.2023 15:53

Михаил, подскажите, пожалуйста, а как быть в ситуации когда надо с бэка получить данные отфильтрованные по двум-трем-... параметрам получаемых из разных компонентов? Скажем с одного компонента я через диспатч вызываю createAsyncThunk и передаю туда параметр, который идет потом в строку гет запроса axious , а в другом компоненте делаю фильтрацию по имени и мне надо это тоже передать в тот же createAsyncThunk, в ту же строку запроса на бэк . Как бы в этом случае?

Ответить
what?
what? - 01.09.2023 22:32

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

Ответить
Kenan Haciyev
Kenan Haciyev - 14.08.2023 15:15

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

Ответить
Alexandra Egorova
Alexandra Egorova - 21.07.2023 13:18

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

Ответить
Evgeny Karpel
Evgeny Karpel - 09.07.2023 11:41

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

Ответить
Олександр Щерба
Олександр Щерба - 03.07.2023 18:08

А блок try/catch же выбрасывает ошибку автоматически, для чего там делать явную проверку и выбрасывать вручную?

Ответить
Магомед
Магомед - 08.06.2023 12:20

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

Ответить
void code
void code - 30.05.2023 13:54

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

Ответить
Егор Аникеев
Егор Аникеев - 28.05.2023 11:44

Не понимаю, если я использую аксиос и в запросе await axios... какая то ошибка, то сразу перебрасывает в блок catch, то есть в if(!response) я впринципе попасть не могу, это что то под капотом аксиоса? Или я чето не понимаю?

Ответить
Yul Vilaya
Yul Vilaya - 15.05.2023 16:44

Ответить
Marshall Banana
Marshall Banana - 12.05.2023 22:26

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

Ответить
Alexey
Alexey - 27.04.2023 16:23

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

Ответить
Олег Филатов
Олег Филатов - 21.04.2023 22:24

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

Ответить
Alexander Khayev
Alexander Khayev - 15.04.2023 09:43

Вопрос как быть и что делать, если между pending и fullfilled мы умудряемся дернуть экшен, который так же влияет на эти же данные? Например вызов toggleSelected в момент работы deleteTodo?

Ответить
Max Zavadovych
Max Zavadovych - 04.04.2023 18:24

Михаил а есть какая-то разница между тем чтобы передать просто значение completed в пропсы асинхронной функции и тем что используем функцию getState и так находим значение completed?

Ответить
Derii Rostyslav
Derii Rostyslav - 31.03.2023 13:40

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

Ответить
Андрей Комаровский
Андрей Комаровский - 28.03.2023 17:14

а фетч в useCallback не надо завернуть? дабы опитимизирвоать?

Ответить
Vlad
Vlad - 28.03.2023 17:03

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

Ответить
Полина Еремина
Полина Еремина - 27.03.2023 16:13

Блин, сколько же всего надо запомнить , чтоб работать разработчиком ( чем дальше лезешь, тем больше понимаешь , что ещё миллион всего надо запоминать . Иногда кажется что это уже невозможно.

Ответить
MAKSYM CHERNETSKYY
MAKSYM CHERNETSKYY - 25.03.2023 21:09

можно обновление с builder callback потому что поддержка экстраредюсеров уже отходит

Ответить
Nataly Ivanova
Nataly Ivanova - 20.03.2023 21:52

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

Ответить
Иван Валучев
Иван Валучев - 18.03.2023 16:15

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

Ответить
Анатолий Горбов
Анатолий Горбов - 14.03.2023 11:55

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

Ответить
Александр Петров
Александр Петров - 23.02.2023 22:31

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

Ответить
Sergey Ivanov
Sergey Ivanov - 17.02.2023 09:31

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

Ответить
Сергей Кузнецов
Сергей Кузнецов - 16.02.2023 11:26

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

Ответить
Kristina
Kristina - 12.02.2023 15:33

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

Ответить
Jeyhun Abilov
Jeyhun Abilov - 06.02.2023 19:30

CreateAsyncThunk или RTK Query? Что лучше использовать?

Ответить
Mikhail Mikhailovich
Mikhail Mikhailovich - 02.02.2023 18:10

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

Ответить
Ruslan V
Ruslan V - 26.01.2023 20:06

Дай тебе бог здоровья!)

Ответить
Andrey Karlin
Andrey Karlin - 19.01.2023 01:19

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

Ответить
Fuad Крым
Fuad Крым - 15.01.2023 11:18

Скачал ваш начальный проект с githuba но при попытке установить установить пакеты(node modules) выскакивает ошибки. Не подскажете как исправить?

Ответить
Nursultan Yerzhan
Nursultan Yerzhan - 14.01.2023 19:51

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

Ответить
Roman Developer
Roman Developer - 12.01.2023 12:02

А что лучше и практичнее использовать при асинхронщине? Ну и твое личное предпочтение, потому что, похоже, тут вкусовщина.

1. Изнутри диспатчить нужные редьюсеры
2. Не юзать диспатч внутри, а оставлять всю логику на экстра-редьюсеры - делать эту логику на этапах pending, rejected, fullfilled

Ответить
Костя Кипр
Костя Кипр - 20.12.2022 16:57

Михаил, полностью повторял за вам проект ,но появился нюанс, что в devTools при первом рендеринге App происходит два pending и два fulfilled, дальше все работает как и должно. Я это исправил отключением StrictMode. Посмотрел в вашем репозитории и там StrictMode включен и нет двойных запросов. В чем может быть дело, подскажите?

Ответить
Татьяна Кузьмина
Татьяна Кузьмина - 14.12.2022 12:56

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

Ответить
flyonch
flyonch - 13.12.2022 00:13

А какой у тебя стоит плагин для redux что показывает методы у объекта как допустим на 8.46 после fetchTodos.

Ответить
SinGlE BW
SinGlE BW - 27.11.2022 20:30

extraReducers - а если куча таких санок, куча лишнего кода, не проще ошибку обработать в асинк санке =Юif(!ok) { dispatch( setError(keyRequest, 'Ошибка') ) }

Ответить
prohanya
prohanya - 26.11.2022 13:52

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

Ответить
Дмитрий Дмитриев
Дмитрий Дмитриев - 13.11.2022 23:27

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

Ответить
John Connor
John Connor - 07.11.2022 00:39

Получается все можно сделать прям внутри createAsyncThunk, и можно даже не использовать extraReducers?

Ответить
Evgeniy
Evgeniy - 27.10.2022 21:14

Подскажите что лучше использовать для работы с api RTK Query vs createAsyncThunk? Заранее спасибо

Ответить
Матвей Манько
Матвей Манько - 23.10.2022 09:36

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

Ответить
Vlad Voloshenko
Vlad Voloshenko - 12.10.2022 18:47

лучший)

Ответить