заготовка простейшего примера на редакс

gistfile1.txt

import { createStore } from 'redux';
import { Provider, useSelector, useDispatch } from 'react-redux';
// npm install redux react-redux

// редьюсер для счетчика
const counterReducer = (state = { count: 0 }, action) => {
    switch (action.type) {
        case 'INCREMENT':
            return { count: state.count + 1 };
        case 'DECREMENT':
            return { count: state.count - 1 };
        default:
            return state;
    }
};

// создание хранилища
const store = createStore(counterReducer);

// компонент счетчика
function Counter() {
    const count = useSelector((state) => state.count); // получение состояния
    const dispatch = useDispatch(); // функция отправки действий

    return (
        <div>
            <h1>Счетчик: {count}</h1>
            <button onClick={() => dispatch({ type: 'INCREMENT' })}>+</button>
            <button onClick={() => dispatch({ type: 'DECREMENT' })}>-</button>
        </div>
    );
}

// обертка приложения
function App() {
    return (
        <Provider store={store}>
            <Counter />
        </Provider>
    );
}

export default App;

сделать цсс