Redux Counter Example

ReduxCounter.js

const INCREMENT = 'INCREMENT';
const DECREMENT = 'DECREMENT';

const counterReducer = (state = 0, action) => {
    switch(action.type) {
    case INCREMENT:
        return (state += 1);
    case DECREMENT:
        return (state -= 1);
    default: return 0;
    };
};

const incAction = () => {return {type: INCREMENT}};
const decAction = () => {return {type: DECREMENT}};

const store = Redux.createStore(counterReducer);

//store.dispatch(incAction());

Example of a counter done with Redux:

• action types: defined as const
• reducer: takes state and action, returns state depending on action
• action creators: return objects with the action type plus optional payload. They are as argument by dispatchers: store.dispatch(incAction())
• Redux store: the state of the app, but called store...