Counter Reducer

useCounterReducer.js

// useCounterReducer.js
import * as React from 'react';

const counterReducer = (state, action) => {
  if (action.type === 'INCREMENT') {
    return state + 1;
  }
  
  if (action.type === 'DECREMENT') {
    return state - 1;
  }
  
  return state;
}

// Hooks
export const useCounterReducer = () => {
  return React.useReducer(counterReducer, 0);
}