Saltar al contenido principal

Концепция

Базовая концепция Redux​

Для того чтобы нам легче было понять Redux нам нужно запомнить данную цепочку.

redux

И так повторяется до бесконечности раз.

Видео​

redux

Как же познакомиться с Redux?​

Можно посетить курс Stephen Grider на сайте Udemy, где он ясно всё объяснил, хоть и на английском языке. Лично я данный курс не рекомендую, ведь там устарел роутер, так же, как и кое-какие фичи. Если вам не понравится наше объяснение, то можете купить его курс.

Пример​

const reducer = (state = [], action) => {
if (action.type === 'split_string') {
return action.payload.split(' ')
} else if (action.type === 'add_character') {
return ( ...state, action.payload)
} 

return state
} 

const store = Redux.createStore(reducer)

store.getState()

const action = {
type:'split_string', 
payload: 'asdf'//здесь можно указать произвольные значения, ведь payload является полезной нагрузкой. 
} 

store.dispatch(action)

store.getState()

const action2 = {
type: 'add_character', 
payload: 'a' 
}

store.dispatch(action2)

store.getState()

В данном уроке мы познакомились с базовой концепцией Redux. EnglishMoji!