Редукс в Реакции | Мои эксперименты

Теория прежде всего

Redux — это контейнер с предсказуемым состоянием для приложений JavaScript. Его можно использовать для React, Angular, Vue и даже ванильного JavaScript.

• Он хранит состояние приложения.
• React-Redux — это зависимость для работы с Redux in React и официальная библиотека привязки пользовательского интерфейса Redux для React.
• Альтернативы — React Context API

Три основные концепции

• В redux среде есть три основных игрока:

1 — Магазин

2 — Действие

3 — Редуктор

• Обязанности среды Redux -

1 — содержит магазин приложений

2 — разрешает доступ к состоянию через getState()

3 — позволяет обновлять состояние с помощью диспетчера(действия).

4 — Регистрирует слушателей через subscribe(listener)

5 — обрабатывает отмену регистрации слушателей с помощью функции, возвращаемой subscribe(listener).

Как установить Redux в приложение React?

npm install --save redux

Ресурсы -

Плейлист Youtube для изучения React Redux —

https://www.youtube.com/playlist?list=PLC3y8-rFHvwheJHvseC3I0HuYI2f46oAK

Пример ванильного JavaScript с использованием Redux