Redux — это контейнер с предсказуемым состоянием для приложений JavaScript. По мере роста приложения становится трудно поддерживать его организованность и поддерживать поток данных. Redux решает эту проблему, управляя состоянием приложения с помощью одного глобального объекта с именем Store. Основные принципы Redux помогают поддерживать согласованность всего приложения, что упрощает отладку и тестирование.
Что еще более важно, он дает вам редактирование кода в реальном времени в сочетании с отладчиком путешествий во времени. Он может работать с любым слоем вида, таким как React, Angular, Vue и т. Д.
Принципы Redux
Предсказуемость Redux определяется тремя наиболее важными принципами, приведенными ниже:
Единый Источник Истины
Состояние всего вашего приложения хранится в дереве объектов в одном хранилище. Поскольку все состояние приложения хранится в одном дереве, это облегчает отладку и ускоряет разработку.
Состояние только для чтения
Единственный способ изменить состояние — это создать действие, объект, описывающий произошедшее. Это означает, что никто не может напрямую изменить состояние вашего приложения.
Изменения сделаны с чистыми функциями
Чтобы указать, как дерево состояний трансформируется действиями, вы пишете чистые редукторы. Редуктор — это центральное место, где происходит изменение состояния. Reducer — это функция, которая принимает состояние и действие в качестве аргументов и возвращает недавно обновленное состояние.