RTK Query, Thunk, createAsyncThunk | Продвинутый полный курс | Часть 2

Курс по Архитектуре Redux
paromovevg.ru/redux-architecture 🙂
Остальные курсы на платформе:
micro-courses.ru/map
Исходники:
github.com/EvgenyParomov/redu...
Мой telegram канал:
t.me/cleanfrontend
Это вторая часть моего фундаментального курса по Redux.
В ней мы рассмотрим основные способы работы в API в Redux.
Начнём от самых основ и проследим эволюцию работы с API в Redux.
00:00:00 - Начало
00:04:51 - Куда девать запросы
00:07:34 - Добавляем server
00:14:55 - Подход 1: Запросы в компоненте
00:23:47 - Выносим запрос в функцию
00:28:05 - Подход 2: Thunk
00:37:37 - Используем Thunk + typescript
00:44:33 - Практика Thunk интеграция с react-router
01:16:44 - Небольшой рефакторинг
01:20:42 - Подход 3: createAsynkThunk
01:33:34 - определяем asynkThunk внутри createSlice
01:39:32 - Подход 4: RTK Query
01:45:23 - Концепция RTK Query
01:53:47 - Практика базовая практика RTK Query
02:14:47 - Инвалидация и система тэгов
02:23:02 - Валидация ответа сервера
02:25:12 - Работа с RTK Query без хуков
02:31:48 - RTK Query + Thunk для сложных мутаций
02:41:27 - Как RTK Query понимает что инвалидировать

[@user-vy1dh6re2z]

Как же не хватало видео по RTK Query на русском ютубе)

[@romuelson]

Благодарю за проделанную работу, жду следующую часть, особенно интересно узнать о упомянутой Вами интеграции с другими клиентами, особенно интересен опыт с apollo ❤

[@FF-gq3hm]

Спасибо огромное за твой труд! Куплю твой курс просто по тому что хочу отблагодарить тебя за проделанаю работу!🏋🏻

[@user-hh4vd2zk4n]

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

[@user-rn5cl2fr8b]

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

[@nilokillian]

Нравится твои видео. Раз упомянул что хорошо в react query с redux, ждем видео о том как их дружить правильно

[@Dmitrijserg]

Ура! Спасибо!

[@semyonsubochev4284]

сложно и кашка образовалась, но спасибо, пойду пересматривать Часть 1 и репит 2 часть xD

[@alexeyfilippov42]

Хей Сколько частей планируется?)

[@dimitrusmeleskausas2086]

супер! спасибо!

[@symasaiti]

спасибо, объясняешь просто и понятно

[@user-ft1ik3rk6w]

Евгений, Здравствуйте! Подскажите, будут ли видео о js в вашем исполнении? Очень нравится объяснение по react, хотелось бы и js так же глубоко подтянуть)

[@mercury_2379]

классное обзорное видео, спасибо

[@user-kj9mm2gc3r]

cупер спасибо!

[@baileysli6235]

1:19:44 я в целом советовал бы поставить consistent type imports правило eslint. Из плюсов тайп импорты ускоряют билд приложения. При частом CI/CD небольшая отдушина. Так что вполне разумно автоматизировать.

[@daniilrybakov]

Топовый видос

[@biLLie_wiLLie]

Хоть кто-то про РТК куери рассказал)

[@baileysli6235]

1:15:32 думаю что этого хака с очередью можно избежать если забить на extra Argument и использовать в функциях напрямую. Заодно и запрос начнётся раньше. А тестах можно мокать модуль.

[@vladimirdegtyarev157]

Привет! Как после запроса и получения, например, токена записать его в store, чтобы иметь доступ в другом компоненте. Через dispatch?

[@baileysli6235]

1:32:43 NIT: Вкусовщина, но как по мне лучше отработать сначала negative кейс с force refetch А потом уже селектнуть и вернуть отрицание

[@baileysli6235]

21:36 А почему бы просто не вызвать стор внутри без хука? Вряд ли их будет несколько

[@baileysli6235]

2:50:47 преисполнился