logo

React Redux

Redux е JavaScript библиотека с отворен код, използвана за управление на състоянието на приложението. React използва Redux за изграждане на потребителския интерфейс. За първи път е представен от Дан Абрамов и Андрю Кларк в 2015 г .

React Redux е официалното свързване на React за Redux. Той позволява на компонентите на React да четат данни от Redux Store и да изпращат Действия към Магазин за актуализиране на данни. Redux помага на приложенията да се мащабират, като предоставя разумен начин за управление на състоянието чрез модел на еднопосочен поток от данни. React Redux е концептуално прост. Той се абонира за магазина на Redux, проверява дали данните, които вашият компонент иска, са се променили, и рендерира вашия компонент.

каква колекция в java

Redux е вдъхновен от Flux. Redux проучи архитектурата на Flux и пропусна ненужната сложност.

  • Redux няма концепция за диспетчер.
  • Redux има само един магазин, докато Flux има много магазини.
  • Обектите за действие ще бъдат получени и обработени директно от Store.

Защо да използвате React Redux?

Основната причина да използвате React Redux са:

  • React Redux е официалният UI свързвания за реагиране Приложение. Той се поддържа актуален с всички промени в API, за да се гарантира, че вашите React компоненти се държат според очакванията.
  • Насърчава добрата 'React' архитектура.
  • Той прилага много вътрешни оптимизации на производителността, което позволява компонентите да се рендират само когато действително има нужда.

Redux архитектура

React Redux

Компонентите на Redux архитектурата са обяснени по-долу.

МАГАЗИН: Магазинът е място, където се изброява цялото състояние на вашето приложение. Той управлява статуса на приложението и има функция за изпращане (действие). Това е като мозък, отговорен за всички движещи се части в Redux.

ДЕЙСТВИЕ: Действието се изпраща или изпраща от изгледа, който представлява полезни товари, които могат да бъдат прочетени от редуктори. Това е чист обект, създаден да съхранява информацията за събитието на потребителя. Той включва информация като вид на действието, време на събитието, местоположение на събитието, неговите координати и кое състояние цели да промени.

tkinter рамка

РЕДУКТОР: Редукторът прочита полезните натоварвания от действията и след това съответно актуализира магазина чрез състоянието. Това е чиста функция за връщане на ново състояние от първоначалното състояние.

Инсталиране на Redux

Изисквания: React Redux изисква React 16.8.3 или по-нова версия.

За да използвате React Redux с приложението React, трябва да инсталирате командата по-долу.

 $ npm install redux react-redux --save 

React Redux