이제부터 이 컴포넌트는 제 겁니다

핵심 내용

• 리액트에서 컴포넌트의 렌더링과 상태 제어를 외부로 넘기는 IoC 패턴 정리
• Render Props로 렌더링 함수를 주입해 리스트·테이블 같은 반복 렌더링을 유연하게 제어
• 합성 컴포넌트와 Context/Provider로 구성요소별 배치를 바꾸면서도 공통 로직 공유
• Controlled Props와 useControlled로 상태를 외부에서 제어하고 내부 상태와 병행하는 방식 소개

장단점

• Render Props는 구현이 단순하지만 복잡한 조건과 과도한 render prop 증가에 취약
• 합성 컴포넌트는 UI 배치 유연성과 SRP에 유리하지만 Context 구성과 사용 컴포넌트 수가 증가
• Controlled Props는 외부 상태 제어에 적합하지만 단방향 제어와 콜백 동기화가 필요