Принципы REDUX

Redux – это предсказуемый контейнер состояния. Он хранит состояние вашего заявления. Он хранит и управляет состоянием заявки.

В Redux все переходы состояния являются явными и могут отслеживать их.

По сути, есть три принципа Redux:

1. Первый принцип:

” Состояние всего вашего приложения хранится в дереве объектов в одном магазине “

Поддерживайте наше состояние приложения в одном объекте, который будет управляться магазином Redux.

пример: Давайте предположим, что мы отслеживаем количество мороженого в салоне мороженого

{
   numberOfIceCreams: 10
}

2. Второй принцип:

” Единственный способ изменить состояние – это испускать действие, объект, описывающий, что произошло »

Чтобы обновить состояние вашего приложения, вам нужно сообщить об этом Redux с действием.

пример: Сообщить владельцу о действии – ‘buy_icecream’

{
   type: BUY_ICECREAM
}

3. Третий принцип:

” Чтобы указать, как трансформируется дерево состояния, вы пишете чистые редукторы »

Reducers – (Prevstate, Action) = > Новичок

Пример: Reducer является владельцем магазина.

const reducer = (state, action) => {
   switch(action.type) {
     case BUY_ICECREAM:
        return {
           numberOfIceCreams: state.numberOfIceCreams - 1
         }
     }
}

Спасибо, счастливое кодирование !!

Оригинал: “https://dev.to/raushan606/redux-principles-49jg”