hook reuse

커스텀 훅 재사용

useToggle처럼 여러 컴포넌트에서 반복되는 훅 조합은 커스텀 훅으로 추출해 이름 붙인 로직 단위로 관리할 수 있습니다.

규칙 유지

커스텀 훅 이름은 use로 시작하고 내부에서도 훅 호출 규칙을 그대로 지킵니다.

useToggle

모달, 메뉴, 체크 상태에서 반복되는 불리언 값과 전환 함수를 한 훅으로 묶습니다.

복잡한 훅

데이터 요청, 로딩, 오류 같은 흐름을 훅 안에 묶어 컴포넌트를 화면 표현에 집중시킵니다.

name

함수 이름이 use로 시작하고 역할을 드러내는지 확인한다.

return

컴포넌트가 쓰기 쉬운 값과 함수를 반환하는지 본다.

state

훅 내부 상태가 호출한 컴포넌트별로 독립인지 이해한다.

test

App에서 여러 번 호출해 로직이 분리되어 동작하는지 확인한다.