컴포넌트 사용 이유
컴포넌트를 만드는 이유는 재사용성을 위함이다.
컴포넌트화 하지 않고, 서비스를 만들면 너무 많은 양의 코드로 유지보수의 난이도가 증가한다.
그러나 너무 잦은 컴포넌트화는 예상하지 못한 변경점이 생겨 버그로 이어질 수도 있다.
atomic design pattern
작은 단위부터 큰 단위까지의 컴포넌트를 조합해 만들어가는 디자인 패턴이다.
atoms -> molecules -> organisms -> template -> pages
Dumb component & Smart component
- Dumb component : 화면의 보여주는 요소에만 집중된 컴포넌트
- Smart component : state를 스스로 제어할 수 있는 컴포넌트
state가 필요 없는 컴포넌트가 있을 수도 있다. 적절하게 잘 사용하는 것이 중요하다.
컴포넌트 사용 기준
- 제일 작은 단위는 우선적으로 컴포넌트로 만들어 재사용
- molcule이상의 단계들 중에서 3회 이상 반복될 경우 컴포넌트화 하여 재사용