가장 좋은 React Custom hook 구상하기

https://www.d0dam.com/blog/react/react-hooks/make-hooks-with-think

hook은 생각하고 만드세요.....제발 | d0dam's-log

을 읽고 요약했습니다. 자세한 내용은 위의 게시글을 참고해주세요.

---

 

1. hook은 순수하게 작성되어야 한다.

hook도 컴포넌트와 같은 맥락으로 같은 인자를 넘기면 같은 동작을 기대할 수 있어야 한다.

 

2. 컴포넌트 내부에 여러 관심사가 존재하는가?

hook으로 분리할 수 있을것이다.

근데 만약 hook을 만듦으로써 가독성이 떨어지지 않는지 체크하자

 

3. hook에 여러 관심사가 존재하는가?

그렇다면 좋지않은 hook이다. 선언적이여야 한다.

하나의 문맥만 가지도록 hook을 쪼개자

 

4. 다른 컴포넌트에서 사용될 수 있도록 만들어졌는가?

그렇지않다면 별로 좋지 못할 hook이다.

컴포넌트에 종속적이지 않도록 구상하자

---

📌  Action Item

커스텀 훅 패턴은 단순한 로직 분리로만 사용하지 말자.

컴포넌트에 종속해서 사용하게 만들면 좋지 않다. (그래서 변수를 일반적으로 지어야 하는 것이다.)

훅을 다른 곳에서 사용할 것을 상상해보자.