Что такое редукс:-

Redux — это библиотека JavaScript с открытым исходным кодом для управления и централизации состояния приложения. Чаще всего он используется с такими библиотеками, как React или Angular, для создания пользовательских интерфейсов.

Зачем использовать избыточность:-

Обычно Redux используется, когда значение используется несколькими компонентами в вашем проекте React. Если вам нужно использовать состояние только в одном компоненте и нет другого компонента, зависящего от этого состояния, то Redux не требуется. Использование Redux дает множество преимуществ, я просто хотел бы указать на то, что я считаю наиболее важными, а именно на три:

  1. Предсказуемость результата
  2. Ремонтопригодность
  3. Простота тестирования

Почему не следует использовать редукцию:-

Если вы используете избыточность для разработки своего приложения, даже небольшие изменения в функциональности потребуют от вас написания чрезмерного количества кода. Это противоречит принципу прямого отображения, согласно которому небольшие функциональные изменения должны приводить к небольшим изменениям кода.

Основы Redux:-

В редуксе есть три основных принципа, таких как: i.action ii. магазин iii.редуктор

я. Действие:- действие описывает, что произошло, и задача редуктора состоит в том, чтобы вернуть новое состояние на основе этого действия.

II. Редюсер: в Redux редуктор — это чистая функция, которая принимает действие и предыдущее состояние приложения и возвращает новое состояние.

III. Магазин: Магазин — это неизменяемое дерево объектов в Redux. Хранилище — это контейнер состояния, в котором хранится состояние приложения. Redux может иметь только одно хранилище в вашем приложении. Всякий раз, когда хранилище создается в Redux, вам нужно указать редюсер.

API контекста Redux VS:-

Redux — это библиотека JavaScript с открытым исходным кодом для управления состоянием приложения. Обычно используется с такими библиотеками, как React, для создания пользовательских интерфейсов. С другой стороны, новейшая версия React запускает новый Context API.

Установить:-

NPM:-npm i redux react-redux

Пряжа: пряжа добавить редукцию, реакцию-редукцию