합성 컴포넌트로 재사용성 극대화하기

광천·2023년 3월 22일
0

‘어떤 기준으로 컴포넌트를 나눌 것인가’

Atomic Design Pattern을 적용해 UI 컴포넌트를 나누는 기준으로 활용
https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/

사용하는 이유

장점은 높은 재사용성

  1. 여러 요구사항 대로 개발을 하다보면 props가 많아진다.
  2. 레이아웃이 다르다면 그거에 맞는 추가 처리를 해야한ㄷ,

이렇게 되면 재사용 가능한 컴포넌트를 만들 수 없다.

합성 컴포넌트의 도입

서브 컴포넌트 구현

메인 컴포넌트 구현

고민

서브 컴포넌트와 메인 컴포넌트를 구현 하는건 알겠는데 레이아웃이 다르다면 어떻게 처리를 해야하는지 이해가 안됨.

https://fe-developers.kakaoent.com/2022/220505-how-page-part-use-atomic-design-system/
이해안됨

출처

https://fe-developers.kakaoent.com/2022/220731-composition-component/

0개의 댓글