Redux + Redux Toolkit | Продвинутый полный курс | Часть 1

Курс по Redux доступен в сообществе

Исходники:

Мой telegram канал:

Это первая часть моего фундаментального курса по Redux.
В ней мы с нуля разберём базовые концепции Redux и Redux-toolkit, и дойдём до концепции slice.

По пути изучим основы архитектуры и правильного использования Redux

00:00:00 - Начало
00:04:29 - Задача Redux
00:07:00 - Почему Redux
00:10:42 - Базовые концепции Redux
00:18:01 - Пример на чистом Redux
00:34:38 - Reducer, Иммутабельность
00:51:48 - Как реализована подписка на Redux
01:05:57 - Подключаем React-redux. Как работает useSelector
01:20:09 - Правила использования селекторов
01:31:43 - Практика работы с селекторами
01:59:40 - Разделяем redux на части. combineReducers
02:09:31 - Основы Архитектуры. Как разделять store
02:19:09 - Практика, разделяем стор на слайсы
02:34:09 - Практика createReducer, createAction
02:41:30 - Как работает immer
02:54:22 - Практика createSlice

[ИльяКравцов-цф]

Материал изложен очень подробно и доступным языком, качество картинки и звука - топ, благодарю за Ваш труд! 🎉

[АлександрСергеевич-иы]

Лучшее что могло со мной произойти. Женя, видос - ТОП!

[ЕлизаветаРоманова-яо]

я еще не знаю, что там дальше по видео (просмотрела 10 минут), но как вы приятно рассказываете, слушать одно удовольствие)))

[АлексейМорозов-пг]

Прикольно, когда открываешь канал, в закрепе видео "хватит учить redix", а на вкладке видео самое свежее это курс по redux)

[dimitrusmeleskausas]

Отличный разбор! Спасибо, Женя!

Ждем 2 часть про асинхронные запросы

[shny]

На 01:31:43 - Практика работы с селекторами ппц как поплыл, как будто бы по голове дали тяжелым предметом ))

А вообще подача и материал огонь! Смотрю взахлёб)

[symasaiti]

Хотелось бы еще разбор по асинхронным редюсерам. Спасибо за контент. 👍

[denisshepelev]

Ну что за аттракцион невиданной щедрости! Спасибо!

[maksymmitin]

Лучшее объяснение работы Redux. Благодарю!

[ArtikMan]

спасибо за информацию о правильном использовании селекторов. РТК на первый взгляд прост, но его надо уметь использовать правильно. Хорошо, что в доке РТК об этом упоминается. Надо просто сесть и вникнуть в материал. Увы, не все знают эти подводные камни. Многие на ютубе проходят лишь по верхам. Хорошо что автор рассказал об этих нюансах

[supernubb]

Евгений, простите меня, очень пушка! ТАк держать, огонь!!!
Курс "Фундаментальный курс по Redux" является исключительным ресурсом для любого, кто хочет овладеть Redux. Курс хорошо структурирован: начиная с основ, он постепенно переходит к продвинутым концепциям. Преподаватель ясно объясняет материал и приводит практические примеры, делая сложные темы легкими для понимания. Практические проекты помогают закрепить знания и обеспечить их применение в реальных сценариях. Независимо от вашего уровня подготовки, этот курс является бесценным ресурсом для любого разработчика, стремящегося улучшить свои навыки в управлении состоянием с помощью Redux. Настоятельно рекомендую!

[НікітаКорчемний-гч]

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

[ProstoRoman-pv]

я смотрю в курсе все по офф гайду redux) для тех кто не хочет читать и изучать документацию) хотя там оч неплохо все объяснено. Ну и немного своего опыта добавлено.

[peghay]

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

[EvgeniyFrontendDev]

Женя, большое спасибо за данное видео. Ты мне открыл глаза как работает иммутабельность.

[-anonim-]

Спасибо! Видео очень прикольное, а самое главное информативное. Очень понравлиось, когда объяснял как это работает под капотом и конечно живые примеры)

[Евгений-юис]

Великолепное обучающее видео. Большое спасибо, всего наилучшего автору!

[aliicomua]

Супер. Как раз искал ролик на эту тему. А тут на бонус.

[mr.ewgenius]

2:51:39 На этот моменте ты проверяешь работает ли counter, но тут момент, когда нажимаешь на соседние (increment, decriment) то он не работает и в лог выдаёт ошибку "Uncaught TypeError: Cannot assign to read only property 'counter' of object '#<Object>'"
Ругаясь на state[counterId].counter--;
Код:.addCase(decrementAction, (state, action) => {
const { counterId } = action.payload;
if (!state[counterId]) {
state[counterId] = initialCounterState;
}
state[counterId].counter--;
});

[СемёнЗахаренко-лз]

Как же мне тебя не хватало эти полгода)))