App.js

// EXAMPLE WITH REDUX
import React from 'react';
import {createStore} from 'redux';
import {Provider, useSelector, useDispatch} from 'react-redux';

const initialState = {counter: 0};

const reducer = (state=initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return {...state, counter: state.counter + 1};
    default: 
      return state;
  }
};

const store = createStore(reducer);

const App = () => {
  return (
    <Provider store={store}>
      <Counter />
    </Provider>
  );
}

const Counter = () => {
  const counter = useSelector(state => state.counter);
  const dispatch = useDispatch();
  
  return (
    <>
      <button onClick={() => dispatch({type: 'INCREMENT'})}>Click me</button>
      <p>You clicked me {counter} times</p>
    </>
  );
};