A simple reducer to manage form state in Redux

contactForm.js

const EDIT_CONTACT_FORM = "EDIT_CONTACT_FORM";
const CLEAR_CONTACT_FORM = "CLEAR_CONTACT_FORM";

const contactForm = (state = {}, action) => {
  const { type, payload } = action;
  switch (type) {
    case EDIT_CONTACT_FORM:
      return {
        ...state,
        ...payload
      };
    case CLEAR_CONTACT_FORM:
      return {};
    default:
      return state;
  }
};
export default contactForm;

export const editContactForm = edits => ({
  type: EDIT_CONTACT_FORM,
  payload: edits
});

export const clearContactForm = () => ({ type: CLEAR_CONTACT_FORM });