Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Redux - Coggle Diagram
React Redux
redux
-
Действие
некоторый набор информации, который исходит от приложения к хранилищу и который указывает, что именно нужно сделать
Создатель действия
функции, которые создают действия
редьюсер
функция (или несколько функций), которая получает действие и в соответствии с этим действием изменяет состояние хранилища
-
-
Определения
-
redux .
библиотека управления состоянием для приложений, написанных на JavaScript.
react
React = View. То, что видит пользователь
JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов.
react
Основные понятия
DOM
Вся структура веб-страницы может быть представлена с помощью DOM
Это организация html-элементов, которыми можно манипулировать, добавлять, удалять, изменять данные
-
Virtual DOM
-
Обращение на чтение идет к виртуальному ДОМ
Редактирование: изменения вносятся в виртуальный ДОМ-> приложение сравнивает виртуальный и реальный дом на изменения -> если изменения есть - они вносятся Реактом в реальный ДОМ
Копия ДОМ, которая хранится в кэше
Элемент
Мельчайший элемент, с которым быстрее работать, чем с обычными элементами веб-страницы
-
Props
коллекция значений, которые ассоциированы с компонентом.
События
Например, нажатие кнопочки
State
внутреннее состояние компонента. Похож на props, но состояние определяется внутри компонента
Хранит данные, которые полностью зависят от компонента
-
-
Особенности
Virtual DOM
Легковесная версия DOM, с котторой взаимодействует Реакт
-
-
react-redux
Селекторы
-
функция, которая определяет, какие части состояния нужны компоненту в качестве свойств
Пример: исходно есть корзина, массив покупок, бонусы за покупку. Селектор может вернуть суммарную стоимость покупки