О Redux существуют общепринятые мифы. Это сбивает с толку новичка. На мой взгляд, Redux просто великолепен. Сегодня я объясню Redux на простом и простом примере. Итак, приступим.
Что такое Редукс?
Согласно документации Redux,
Redux — это контейнер с предсказуемым состоянием для приложений JavaScript. Это помогает писать приложения, которые ведут себя последовательно, работают в разных средах (клиент, сервер и родной) и легко тестируются.
Проще говоря, Redux — это инструмент управления состоянием. Его можно использовать с любым другим фреймворком или библиотекой JavaScript.
Почему Редукс?
Допустим, вы хотите разработать большой веб-сайт электронной коммерции, такой как «Amazon», который имеет много данных или состояний. Итак, прежде всего, вам нужно подумать о том, как управлять данными. Например, In React или Angular созданы с возможностью внутреннего управления компонентами своим состоянием без необходимости использования внешнего инструмента. Но когда приложение становится больше, управление состояниями, общими для компонентов, становится немного сложным и запутанным.
По сути, для решения этой проблемы Дэн Абрамов создал Redux, чтобы сделать разработку более увлекательной с лучшим управлением состоянием.
Что ж, теперь мы знаем, что такое Redux и зачем его использовать? Давайте рассмотрим несколько примеров кода. На самом деле, для сборки Redux нужно выполнить пять шагов.
Здесь вы видите, что в компонентах приложения в первую очередь я создаю функцию редуктора. Эта функция возвращает определенное количество состояния или данных. После этого создаем магазин. По сути, магазин — это душа Redux. Он будет содержать все данные/состояния нашего приложения. Затем мы создаем метод подписки. Это слушатель изменения состояния. Когда редюсер обновляет состояние, он вызывает все подписанные методы прослушивателя. Он может получить доступ к состоянию с помощью метода .getState. Наконец, вы видите действие отправки. Это единственный способ обновить состояние приложения.
Это все основной шаг редукции.
