Что такое redux?
Redux – это библиотека JavaScript, которая фокусируется на управлении состоянием приложения. Обычно используется в тандеме с угловым или реагирует на состав пользовательских интерфейсов. Основная ценность redux заключается в том, чтобы приложения вести себя предсказуемо и последовательно.
Представьте, что вы открываете музыкальное приложение и перейдите в свой любимый плейлист. Приложение извлекает песни, отображающие выбранный вами плейлист. Затем вы запускаете приложение Notes, чтобы перекрестить ссылку на несколько названий песни. Когда вы возвращаетесь в свое музыкальное приложение, вы найдете приложение в том же состоянии, в котором вы оставили его – в этом случае, с вашим любимым восприимчивом плейлистом. Поддержание этого состояния требует помощи как пользовательского интерфейса, а также API.
Как работает redux?
Redux действует как контейнер состояния для данных. Подумайте об этом, как любой другой тип контейнера для хранения. Вы организуете свои вещи в корзину для хранения в том, как вы находите наиболее эффективные. Все ваши товары теперь удобно расположены в одном месте. Вы можете легко проверить корзину, чтобы определить, какие элементы в настоящее время хранятся там. Кроме того, вы можете так же легко выполнить небольшие действия, чтобы изменить элементы в корзину.
Redux работает таким же образом, с «элементами», которые хранятся, а вместо этого хранятся данные. При использовании Redux состояние данных приложения хранится в одном объекте JavaScript (метафорический «Bin»), называемый redux хранить . Хотя состояние только для чтения, вы можете просто определить Действие это будет выполнять изменение состояния. Эти изменения выполнены функцией, называемой Редуктор , который принимает текущее состояние и описанное действие и возвращает новое состояние.
Зачем использовать redux?
Redux следует за высокопроизводительными односторонним потоком реагирования. Принимая во внимание, что прохождение может стать запутанным и подверженным ошибкам в пределах большого приложения React Application, Redux предлагает эффективный шаблон для хранения данных, что делает его гораздо более простым для управления и обслуживания состояния приложения. При небольшой практике процесс вызова (диспетчеризация изменений с действия ) и ответ (обработка этих изменений через редукторы ) легко реализовать и очень эффективно.
Заворачивать
Redux – это просто стационарный инструмент управления приложениями JavaScript. Он предназначен для надежного состояния контейнера, который помогает разработать последовательный пользовательский интерфейс. Хотя не всегда необходимо для создания небольших приложений, Redux предлагает три ключевых преимущества, которые ценны, независимо от размера приложения.
Во-первых, магазин действует как единый источник истины, обеспечивая предсказуемый результат и приводит к меньшему количеству ошибок при синхронизации состояния. Во-вторых, из-за жесткого процесса действий, редукторов и магазина, легче структурировать и поддерживать чистый код. Наконец, с узором, состоящим из небольших функций, которые имеют одну ответственность и независимы, код легче отлаживать и тестировать.
Оригинал: “https://dev.to/helloklow/the-basics-of-redux-23i0”