React Redux - Полный Практический Курс 2022 (для начинающих с нуля).

В этом курсе мы с нуля разберемся как работает и подключается Redux к современному приложению на React.

00:00 - Что будем делать
02:24 - Структура проекта
03:28 - Установка зависимостей
04:24 - 1й Компонент - Likes (используем функцию Connect)
23:17 - Пишем логику компонента Likes в Reducer
31:40 - Создаем масштабируемую структуру Redux
32:19 - Создаем отдельный файл для типов Actions
33:22 - Создаем корневой Reducer
34:18 - Создаем likesReducer
37:03 - Используем Provider - для подключения хранилища
42:50 - Создаем отдельный файл для Actions
46:28 - Новая структура готова (обзор)
47:50 - 2й Компонент - Title (используем Хуки)
58:44 - 3й Компонент - Comments (используем Хуки)
1:06:52 - Создание нового комментария в хранилище Redux
1:15:00 - Отображение созданных комментариев
1:20:53 - Обновление комментариев
1:32:30 - Удаление комментариев
1:39:17 - Используем Redux Thunk - чтобы подтягивать данные из внешних API
1:50:03 - Создаем Loader
1:58:41 - Redux DevTools
1:59:40 - Обработка ошибок в Redux
2:08:14 - Пишем свой Redux Middleware

Рассмотрим вариант подключения Компонентов с помощью "Компонентов высшего порядка" (Higher Order Components), а также с помощью Хуков.

Мы изучим общепринятые подходы к "мутированию" (обновлению) данных в хранилище Redux:
- Создание (Create)
- Обновлению (Update)
- Удалению (Delete)

Мы также научимся работать с ошибками в Redux и разберемся как работает и создается с нуля middleware.

Мои Курсы:

Подписывайся на соц сети:

[powersx]

Кто не может запустить проект в 2023 году с ошибкой
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported'

В файле package.json исправьте 2 строки
scripts": {
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts --openssl-legacy-provider build",

[rostislavdemchenko]

Большое спасибо за курс, кратко и ясно!
Полность redux по курсу конечно не выучишь, но после обьемного курса помогает вспомнить все основные моменты.

[hrgfrhb]

Василий, это самый блестящий урок по redux, который я видел, изучая эту тему за последние 2 недели. Спасибо вам огромное. Вы умница и молодец))

[rmtbxoz]

Василий, удачи Вам в продвижении канала! Очень качественно преподнесен материал! Объяснили и более старые подходы и современные! Все доступно и разложено по полочкам!

[thecatwrites]

УРАаааааааааа! наконец-то)

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

[gzqctjy]

Василий, я аплодирую вам стоя! Объяснили доступным языком и помогли мне систематизировать уже имеющиеся знания. Спасибо большое за ваш труд!

[zhony-pony]

Очень и очень полезный контент, спасибо огромное, Василий!

[mathewausianikau]

Василий, спешу поблагодарить за подробно и доходчиво изложенный материал, спасибо большое!

[aleksandrpushnov]

Наконец-то я понял Redux!! Василий, огромное спасибо за курс!!!

[fromtheshadow]

Огромное спасибо за урок. Все крайне понятно, то что нужно!!!

[szukriu]

просто супер, использовал полученные знания при тестовых задания, в итоге взяли на работу) СПАИБО БОЛЬШОЕ)

[webxcryptoit]

Классный мини-курс. Автор, специалист своего дела! С удовольствием смотрю Ваши уроки.

[ii-fueg]

Бесценная информация и доступная подача :) Спасибо!

[veravera]

Спасибо огромное! Я пересмотрела кучу видосов, перечитала десятки статей, но только посмотрев это видео поняла redux!!!

[tatianovnafrutti]

Спасибо большое за годный и нужный контент!!!)))

[excusememuar]

Отличный и великолепный курс, все прекрасно и понятно рассказано. На данный момент, единственный курс по работе Redux + React который видел ( у Владилена Минина есть отдельный курс только по Redux, но это не совсем то, что большинство ищет ) Однозначно лайк и подписка!

[galichandreyschool]

Шикарный видеоурок!
У Вас талант преподавателя! Благодарю Вас за Ваш полезный и важный труд!
Желаю Вам успехов в Вашей деятельности! 😊👍

[gritsienkooleg]

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

p. s. кто не смотрел js, очень советую

[verygood]

Дай бог тебе здоровья и счастья во всем добрый человек.Единственный во всем русском ютубе, кто смог по человечески обьяснить как работать с redux, без заумных словечек итд.Жаль второй лайк нельзя поставить, с одного аккаунта, тогда на втором поставлю тебе второй лайк, контент просто must have.Желаю удачи на ютубе и в профессиональной деятельности.Огромное спасибо ✌✌✌✌😉😉😎😎🐱‍🚀🐱‍🚀🐱

[romanvinogradovby]

Спасибо. Комментарий для продвижения в ТОП!