상태 배치
사용자 입력과 화면 옵션을 필요한 가장 가까운 컴포넌트에 둔다.
이벤트 연결
클릭과 입력은 상태 변경 또는 부모 콜백으로만 이어지게 한다.
효과 분리
요청, 구독, 타이머는 effect로 옮기고 cleanup을 함께 둔다.
로직 추출
여러 컴포넌트에서 반복되는 상태+effect 조합은 custom hook으로 만든다.
useState
로컬 기억
입력값, 토글, 선택 id처럼 화면 상태를 저장
파생값 저장 한계
useEffect
외부 연결
API 요청, 구독, 타이머, title 변경
cleanup 필요 여부 판단
useReducer
복잡한 전이
여러 사건과 상태가 한 모델을 바꿀 때
단순 값에는 과함
custom hook
로직 재사용
useFetch, useDebounce처럼 훅 규칙을 지키는 함수
UI를 반환하지 않는 편이 명확