바뀌는 값은 가장 가까운 공통 부모가 관리
여러 자식이 함께 쓰면 부모로 올리고, 혼자 쓰면 내부 state로 둡니다.
React 설계 체크
state와 props 역할
JSX는 현재 데이터로 화면을 설명하고, 이벤트는 업데이트 함수로 연결됩니다. 이 네 가지가 맞물리면 컴포넌트 경계가 선명해집니다.
props는 자식이 직접 변경하지 않음
자식은 전달받은 값을 표시하고, 변경 요청은 이벤트로 부모에 알립니다.
클릭과 입력은 setState 호출로 연결
이벤트 핸들러가 새 값을 만들고 React가 다시 렌더링하도록 맡깁니다.
반복되는 UI와 역할이 다른 UI를 컴포넌트화
목록 아이템, 폼 필드, 버튼처럼 재사용 단위가 보이면 분리합니다.