컴포넌트는 재사용할 화면 조각과 책임의 경계다
props로 입력을 받고 내부 상태가 필요할 때만 state를 가지며, 여러 조각은 composition으로 묶어 재사용 단위를 만든다.
input
props
부모가 주는 값
render
UI fragment
같은 입력은 같은 화면
state
local change
컴포넌트 내부 기억
compose
children
작은 단위 조합
판단
컴포넌트로 분리
아직 이른 경우
반복 UI
같은 구조 반복
한 번만 쓰는 문장
책임 단위
입력과 출력 명확
여러 역할 섞임
상태 보유
상호작용 경계
부모 state면 충분
테스트
독립 확인 가능
분리해도 읽기 어려움