부모와의 공개 계약
필수값, 선택값, children, callback을 컴포넌트의 사용 설명서처럼 둡니다.
type Props
컴포넌트 타입 경계
React에서 타입 안정성은 컴포넌트 하나의 Props뿐 아니라 이벤트와 콜백이 지나가는 모든 경계에서 만들어집니다.
내부 변화 관리
로딩, 성공, 실패처럼 화면 상태가 나뉘면 판별 유니언이 흐름을 명확히 합니다.
요소별 이벤트 좁히기
input, form, button에 맞는 React 이벤트 타입을 사용해 target 접근을 안전하게 합니다.
자식에서 부모로 신호 전달
자식이 넘기는 값의 타입을 명확히 해야 부모의 상태 갱신도 흔들리지 않습니다.