UseState и Redux — популярные библиотеки управления состоянием в экосистеме JavaScript, обычно используемые в приложениях React. Ниже приведены некоторые методы и приемы, используемые с этими библиотеками:
-
Хуки useState: в React хук useState позволяет добавлять состояние к функциональным компонентам. Он возвращает значение с состоянием и функцию для его обновления. Вы можете использовать его для управления состоянием локального компонента.
-
Магазин Redux: Redux — это контейнер с предсказуемым состоянием для приложений JavaScript. Он предоставляет централизованное хранилище, в котором хранится все состояние приложения. Хранилище обновляется с использованием чистых функций, называемых редукторами.
-
useSelector: это хук, предоставляемый библиотекой React Redux. Он позволяет извлекать данные из хранилища Redux в компоненте React. Вы можете выбрать определенные части штата с помощью селекторов.
-
useDispatch: Еще один хук из React Redux, useDispatch предоставляет способ диспетчеризации действий для обновления хранилища Redux. Вы можете вызвать функцию отправки с помощью объекта действия, обычно создаваемого с помощью создателей действий.
-
Действия и создатели действий. Действия — это простые объекты JavaScript, описывающие тип изменения, которое вы хотите внести в состояние. Создатели действий — это функции, которые создают и возвращают эти объекты действий. Обычно они отправляются с помощью перехватчика useDispatch.
-
Редукторы: Редюсеры — это чистые функции, которые определяют, как изменяется состояние приложения в ответ на действия. Они получают текущее состояние и действие в качестве входных данных и возвращают новое состояние.
-
Промежуточное программное обеспечение: Промежуточное программное обеспечение Redux находится между отправкой действия и моментом его достижения редуктором. Его можно использовать для различных целей, таких как ведение журнала, асинхронные действия или изменение действий до того, как они достигнут редуктора.
-
Поставщик: компонент Provider из React Redux используется для оболочки корневого компонента приложения React. Это делает хранилище Redux доступным для всех компонентов в дереве компонентов.
-
Connect: функция подключения из React Redux используется для подключения компонентов React к хранилищу Redux. Он обеспечивает доступ к состоянию хранилища и отправке действий изнутри компонента.
-
Неизменяемое состояние: Redux изначально поощряет неизменяемость. Неизменяемое состояние означает, что состояние не может быть изменено напрямую. Вместо этого при каждом внесении изменений создаются новые копии состояния. Это помогает повысить предсказуемость и производительность.