정의

컴포넌트

• 애플리케이션을 구성하는 가장 작은 단위
• ex) UI 컴포넌트, 훅 등

컴포넌트 설계 기준

재사용성

복잡성

컴포넌트가 변경되는 이유는 하나여야 한다

• 단일 책임 원칙
• 비즈니스 로직 분리

렌더링 퍼포먼스

• 하나의 컴포넌트 안에서 서로 영향을 주지 않는 상태가 여럿 있으면 분리

디자인 패턴

디자인 패턴을 활용하여 컴포넌트를 적절히 분리할 수 있다.

Compound Component 패턴

• 하나의 작업을 위해 여러 컴포넌트를 만들어 역할을 분담하게 한다.
• ex) Accordion

Custom Hook 패턴

• 로직을 재사용 가능한 함수로 추출하는 방법