Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа!

Новое большое видео на канале, сегодня я публикую полный курс Redux JS для начинающих. Этот материал позволит тебе изучить Редакс за 2 часа с нуля (важно только знание React). Считай это 20 уроков Redux + RTK Query в одном видео. В прошлый раз я делал быстрый курс по Next, но это был не полный материал. В этом ролике будет как и практика Redux Toolkit, на примере проекта, так и немного теории. Также отвечу на некоторые вопросы, которые встречаются на собеседование на Junior Front-end разработчика. Можно сказать это фундаментальный курс по Redux Toolkit + RTK Query от А до Я. Приятного просмотра!

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 1500 лайков и я снимаю полный курс по React Query.

Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!

🍥 Тема в редактор/IDE - Cotion Theme, шрифт в телеге закреп ссылка выше

👉 Полезные ссылки из видео:

00:00:00 - Начало + рассвет
00:01:43 - Для чего используют Redux?
00:04:00 - Каким был раньше Redux?
00:06:14 - В чем различие Redux и RTK Query?
00:10:08 - Почему я в большинстве случаем использую React Query без Redux
00:10:45 - Установка React приложения
00:11:50 - Тема + Иконки + Шрифт в редакторе
00:12:27 - Как инициализировать Redux Toolkit в приложение
00:17:00 - Какой проект будет?
00:17:26 - Пишем первый slice
00:22:33 - Reducer + Immer (добавление/удаление в избранное)
00:27:05 - RecipeItem
00:32:30 - Настройка store и combineReducers
00:33:00 - Хук useSelector
00:34:50 - Что такое dispatch?
00:35:38 - Хук useDispatch
00:39:00 - Проверка на добавленный рецепт
00:39:57 - Делаем удобный хук (useActions)
00:44:05 - Вывод избранного из store
00:51:20 - createAsyncThunk vs RTK Query
00:57:49 - Разбираем кейс с createAsyncThunk
01:10:14 - Создаем свое простое API
01:13:22 - RTK Query (api на получение рецептов)
01:20:46 - useQuery
01:25:13 - useMutation
01:35:30 - Ревалидация данных
01:40:07 - Condition в хуке
01:44:20 - Middleware
01:47:39 - Полная типизация REDUX
02:04:00 - Фильтрация с помощью RTK Query
02:10:18 - Пародия классических It блогеров + Формат крутой, где скачать?
02:11:50 - Что делать дальше?

#Redux #ReduxToolkit #RTKQuery #RedGroup

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

[REDGroup]

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 1500 лайков и я снимаю полный курс по React Query.

[ggacr]

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

[lpgtnsw]

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

[mzohklc]

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

[Serhii_lolovich]

ох думаю прийдется раз 5 пересматривать) Спасибо!!

[TheWorldPeace]

Спасибо за курс, очень полезно, актуально!

[koshinva]

🚀 Спасибо. Полезный контент, качественное видео и аудио

[vladyslavkravchenko]

спасибо, перед ответственному подключению к беку освежил знания по ртк

[kirillshibalenkov]

Ролик получился действительно интересный и информативный. Даже стоит отдать автору должное. Я все обучающие видео смотрю обычно на 2х или на 1.5х, а этот даже ускорять не нужно. Но конкретно в визуальной части есть несколько проблем, которые помешали мне досмотреть видеоролик (я закончил примерно на первой трети).
Во первых - шрифт. Да, он красивы, для кого то приятный, но с непривычки абсолютно нечитабельный. Вроде можно поставить видео на паузу для осознания происходящего, но от этого пропадает концентрация.
Во вторых - лишние элементы на экране. Большую часть ролика пользователь смотрит на код и браузер, а у автора еще консоль открыта и иерархия папок. Все это можно уменьшить в размерах или вообще избавиться. Например, консоль, где был запущен vite вообще не нужна в процессе объяснения материала и написания кода. Тоже самое касается и иерархии папок, на ней можно делать акцент только в случае создания новых файлов и папок. Браузер вообще можно вынести на отдельный экране и показывать только при фиксировании изменений. То, что контент на странице будет изменяться динамически - это понятно, но большую часть времени написания кода браузер просто будет мелькать на фоне, что бессмысленно.
По поводу увеличения размера шрифта кода ничего особо сказать не могу, но, как по мне, нет смысла сделать большой шрифт тк если пользователь смотрит видео с телефона, то может он что то и запомнит, но точно не поймет и не применит на практике. Если зритель действительно смотрит данное видео для обучения, то, как минимум будет смотреть с компьютера, чтобы сразу в реальном времени применять материал на практике, поэтому ему будет удобнее смотреть на более маленький шрифт.

[MoranKitz]

Привет 👋
Очень качественный материал! 1000 раз спасибо
Было бы интересно посмотреть курс по typescript от тебя

[__procherk__]

видео просто топ, не останавливайся продолжай в том же духе!

[sultzx]

Привет автор, огромное спасибо тебе, все четко и понятно!

[Alenatvixxx]

Хотелось бы побольше теории и более простым языком, понимаю что все это дело времени проб и ошибок, но всё же теория облегчает понимание. Практика подается с ошибками, пытаюсь запомнить одну информацию, а по итогу опечатка в 50 символов, которая исправляется за 1 секунду, копированием другого кода. Лично у меня в голове каша после такого. Всё равно поддержу лайком, но пожалуйста больше теории и продуманного сюжета к ролику :*

[trust]

Очень хочу курс от тебя по Тайпскрипту и так же внес свой вклад в скорейший выпуск выпуска по react query !

[web]

Спасибо за видео. Интересно больше по typescript следующее видео

[qngmwef]

Сделаю несколько замечаний по данному курсу, имхо:
- речь очень быстрая. Возможно для кого-то это и плюс, но смотреть на код, слушать комментарии, стараться все это уложить в голове на такой скорости - для меня сильно. Смотрел на 0.75 и как-то успевал.
- увеличенный масштаб вскода. Не понял зачем его там укрупнил. Гораздо легче видеть весь код в компоненте или хотя бы его большую часть. Смотреть туториалы по писанине кода в телефоне - мазохизм в принципе я считаю.
- быстрые переключения между компонентами: возникает дезориентация в структуре проекта. Скорее всего мое упущение, ибо я сначала смотрю весь курс и по второму кругу уже повторяю код за автором.
- минимум теории: практика хорошо, но когда теории нет совсем, то теряется целостность понимания технологии.

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

[sardorsultanov]

Ролик проста бомба 🔥🔥 жду ролик про react-query

[e_viskhan]

Подскажите, кто знает, в чем минус подхода с хуком useActions, где у нас используется bindActionCreators? Ну типа, команда redux сама же могла это сделать, но почему-то не сделала

[trendsgallery]

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

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

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

Мне лично нравишься ты как персонаж, твоя картинка и те обучающие материалы, которые выпускаешь. Но к сожалению, очень много ресурсов тратится на то, чтобы уловить твои мысли и твой темп. Очень сложно вникать, когда автор курса вечно торопиться на самолет.

[maronwilsons]

Круто получилось, после работы посмотрю, кстати Макс задний вид очень красивый