2 + 2 = 4

сервер, браузер... да хоть мобильное приложение

ну, это для тех, кто побывал в колбечном аду

чистые функции не ломаются

ивент-сорсинг, тайм-тревел и остальное счастье

Один Immutable object

Current State

Final State

New State

Action

New State

Action

Action

store.dispatch({
    type: INCREMENT,
    payload: {amount}
})

store.subscribe(callback)

сделаем чистыми функции

function increment(amount) {
    return {
        type: INCREMENT,
        payload: {amount}
    }
}

так-же чистые функции

function counter(number = 0, action) {
    const {type, payload} = action
    return type == INCREMENT 
        ? number + payload.amount 
        : number
}

Action Creator

Reducers

Store

UI

dispatch

Middleware

Action Creator

Middlewares

Reducers

Store

UI

dispatch

Side-effects