В начале моего опыта работы с React я был сбит с толку реквизитами и тем, как их использовать. Реквизит получился очень похожим на сломанную телефонную игру, когда приходится вызывать реквизит между разными компонентами. И то, что началось с того, что вы попросили сыра в одном компоненте, может закончиться тем, что вы получите недовольство.

Итак, как мы можем упростить это? И как мы можем сократить посредника?

Ответ: React-redux!

Магазин =› В магазине мы можем получить доступ ко всем нашим компонентам и их состояниям. Таким образом, вместо того, чтобы шептать человеку, следующему в очереди, что я хочу заказать, я могу пойти прямо в магазин, чтобы получить то, что я хочу.

Provider =› похож на витрину магазина, где мы можем видеть все компоненты и то, как мы хотим, чтобы они отображались на веб-странице.

Reducer =› напоминает мне о складе, где мы можем разместить наши начальные состояния, и он полон условий if/else.

Действия =› — это полезные данные, которые отправляют данные из приложения в магазин. Это как подтверждение заказа с вашим намерением купить.

Dispatch =› Это единственный способ инициировать изменение состояния, который позволяет создавать функции, которые отправляются при вызове, и передавать эти функции в качестве реквизита вашему компоненту. Для упрощения подумайте о балансовом отчете: сообщите складу, что в запасе произойдут некоторые изменения, чтобы товар можно было отправить покупателю.