Custom Hooks는 언제 어떻게 만들어야 할까?

커스텀 훅 특징

컴포넌트내의 로직이 중복 될때 커스텀훅으로 만든다 ⇒ hook으로 사용한다 === 함수처럼 사용한다

일반 함수와의 차이점은

useState, useEffect같은 hook을 호출 하는 함수는 use함수 즉, 커스텀 훅으로 만들고

그렇지 않은 경우는 use를 붙이지 않고 그냥 함수 ⇒ 유틸 함수로 만든다.

커스텀 훅의 장점

1. 상태 자체가 아닌 상태 저장 논리를 공유할 수 있다. 즉, 전역상태관리 처럼 동작을 하는게 아니라 각각에 함수로 호출된것과 동일한 효과를 보인다. (즉, 사용하는 곳들에서 모두 독립적으로 작동한다)

커스텀 훅 생성 규칙

1. 함수 내에 한개 이상의 use이 사용되었다.
2. 앞에 use접두사를 붙인다.
3. 순수함수여야 한다.

---

참고 :

공식문서