[React] Custom Hooks

Custom Hooks

• 개발자가 커스텀한 Hooks.
• 반복되는 로직을 동일한 함수에서 작동시키고 싶을 때 만들어 사용한다.
• 만약 두 개의 컴포넌트에서 동일한 커스텀 훅을 사용했다고 해서, 같은 state를 공유하는 것은 아니다. state는 각각의 컴포넌트 내에서 독립적으로 정의되어 있다. 
• 장점 :
      - 재활용이 가능하다.
      - 코드의 양을 줄일 수 있다.
      - 보다 명료하고 직관적이다.
• 규칙 :
      - 함수 이름 앞에 'use'를 붙여야 한다.
       ex) useFriendStatus, useFetch ...
      - hooks 디렉토리를 만들어 커스텀 훅 파일들만 따로 관리한다.
      - 조건부 함수가 아니어야 한다. 리턴 값이 조건부여서는 안됨. 
      

---

Reference

https://dev.to/techcheck/custom-react-hook-usefetch-eid
    
    

React Custom Hook - useFetch