Перейти к основному содержимому

Концепция

Базовая концепция 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. Become a Patron!