이벤트 핸들러는 비즈니스 작업이나 UI 이벤트를 사용하여 이름을 지정해야 합니까?

이 문제는 프레임워크에만 국한된 문제는 아니지만 React에서 질문을 보여줍니다.

예 1. 다음이 사용자 등록 페이지 구성 요소라고 가정합니다.

const Register = () => {
  // business actions
  const onUserRegistered = () => {
    userService.register();
  };
  // Element event
  const onUserRegisteredFormSubmit = () => {
    userService.register();
  };

  return (
    <form onSubmit={onUserRegistered}>
      <button type="submit">Register</button>
    </form>
  );
};

예 2. 다음이 제품 생성 페이지 구성 요소라고 가정합니다.

const NewProduct = () => {
  // business actions
  const onProductCreated = () => {
    productService.create();
  };
  // Element event
  const onProductCreateButtonClick = () => {
    productService.create();
  };
  return (
    <>
      <button type="button" onClick={onProductCreated}>
        Create
      </button>
    </>
  );
};

보시다시피 저는 비즈니스 작업이나 요소 이벤트를 사용하여 이벤트 핸들러의 이름을 지정하는 것을 주저합니다. 나는 이것이 프리젠테이션 계층이기 때문에 이벤트 핸들러의 이름을 지정하는 데 요소 이벤트를 선호합니다. 프리젠테이션 계층은 비즈니스 작업을 신경 쓰지 않아야 합니다. 서비스 계층에는 비즈니스 작업이 포함됩니다. 조언 부탁드립니다.

비즈니스 작업 이름 구성: on + BusinessAction
UI 이벤트 이름 구성: on + WhichElement + Event