Redux – це бібліотека для керування станом програми JavaScript. Вона надає зручний та передбачуваний спосіб керування даними, що робить код більш зрозумілим та легко підтримуваним. В основі роботи Redux лежить принцип односпрямованого потоку даних.
Основними поняттями в Redux є дії (actions), сховище (store) та редуктори (reducers). Дії є об'єктами, які описують, що сталося в додатку. Сховище – це об'єкт, який містить усі дані програми. Редуктори – це функції, що змінюють стан програми з урахуванням дій.
Коли відбувається будь-яка дія в додатку, вона передається до редукторів, які оновлюють стан у сховищі. Потім компоненти, які підписані на зміни, оновлюються з новими даними зі сховища. Таким чином, Redux дозволяє організувати однозначність та послідовність оновлень стану у додатку.
| Етап | Опис |
|---|---|
| 1 | Створення store |
| 2 | Визначення початкового стану |
| 3 | Визначення reducer |
| 4 | Об'єднання reducer'ів |
| 5 | Підключення Redux до програми |
| 6 | Диспетчеризація дій |
| 7 | Обробка дій у reducer'ах |
| 8 | Оновлення store |
| 9 | Оновлення UI |
Що таке Redux простими словами?
Redux – це інструмент для керування станом даних та інтерфейсом користувача в додатках JavaScript з великою кількістю сутностей. Являє собою бібліотеку JavaScript. Назва читається як «Редакс» та складена з двох слів: reduce та flux.
Коли потрібно використовувати Redux?
Ви можете використовувати Redux разом з React або будь-якою іншою бібліотекою для View. Redux дуже малий (2 КБ, включаючи залежності). Коротше кажучи, Redux дозволяє вам керувати станом ваших веб-застосунків, створених на будь-якому JavaScript фреймворку, наприклад, React, Meteor або Angular.
Навіщо react Redux?
Ще одну форму побудови архітектури програми на React представляє Redux. Redux є контейнер для керування станом програми та багато в чому нагадує Flux. Redux не прив'язаний безпосередньо до React. js і може також використовуватися з іншими js-бібліотеками та фреймворками.