Better dispatch action management

[mt-sette]

To better manage dispatch actions and avoid copying and pasting in different parts of the project, you can create an action types utility file.

Create a file actionTypes.js:

// actionTypes.js
export const INCREMENT_COUNTER = 'INCREMENT_COUNTER';
export const DECREMENT_COUNTER = 'DECREMENT_COUNTER';

Update your counter-reducer.js:

// counter-reducer.js
import { INCREMENT_COUNTER, DECREMENT_COUNTER } from './actionTypes';

const initialState = {
    counter: 0,
};

const counterReducer = (state = initialState, action) => {
    switch (action.type) {
        case INCREMENT_COUNTER:
            return { ... }
                // rest of the code
};

export default counterReducer;

// Counter.jsx
import { INCREMENT_COUNTER, DECREMENT_COUNTER } from './actionTypes';

export const incrementCounter = () => ({
    type: INCREMENT_COUNTER,
});