Redux — це бібліотека JavaScript з відкритим кодом, яка використовується для керування станом програми. React використовує Redux для створення інтерфейсу користувача. Вперше він був представлений Дан Абрамов і Ендрю Кларк в 2015 рік .
React Redux є офіційним зв’язуванням React для Redux. Це дозволяє компонентам React читати дані з Redux Store і відправляти Дії до Магазин для оновлення даних. Redux допомагає додаткам масштабуватися, надаючи розумний спосіб керування станом за допомогою моделі односпрямованого потоку даних. React Redux концептуально простий. Він підписується на магазин Redux, перевіряє, чи змінилися дані, які потрібні вашому компоненту, і повторно рендерить ваш компонент.
що означає xd
Redux був натхненний Flux. Redux вивчив архітектуру Flux і опустив непотрібну складність.
- Redux не має концепції диспетчера.
- Redux має єдиний магазин, тоді як Flux має багато магазинів.
- Об’єкти Action будуть отримані та оброблені безпосередньо Store.
Навіщо використовувати React Redux?
Основними причинами використання React Redux є:
- React Redux є офіційним Прив'язки інтерфейсу користувача для програми реагування. Він постійно оновлюється з будь-якими змінами API, щоб забезпечити належну роботу ваших компонентів React.
- Це заохочує гарну архітектуру «React».
- Він реалізує багато внутрішньої оптимізації продуктивності, що дозволяє повторно відтворювати компоненти лише тоді, коли це дійсно потрібно.
Архітектура Redux
Компоненти архітектури Redux пояснюються нижче.
МАГАЗИН: Магазин – це місце, де відображається весь стан вашої програми. Він керує статусом заявки та має функцію відправлення (дій). Це як мозок, який відповідає за всі рухомі частини Redux.
колекції на java
ДІЯ: Дія надсилається або відправляється з представлення, яке є корисним навантаженням, яке можна прочитати редукторами. Це чистий об’єкт, створений для зберігання інформації про подію користувача. Він містить таку інформацію, як тип дії, час події, місце події, її координати та стан, який вона має змінити.
РЕДУКТОР: Reducer зчитує корисні навантаження з дій, а потім відповідно оновлює сховище через стан. Це чиста функція для повернення нового стану з початкового стану.
Установка Redux
Вимоги: React Redux вимагає React 16.8.3 або новішої версії.
Щоб використовувати React Redux із програмою React, вам потрібно встановити наведену нижче команду.
$ npm install redux react-redux --save
