[영상] 토스 | SLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트

·2022년 7월 10일
0

인사이트

목록 보기
4/7
  • 제품의 변화는 성장하는 것이다
  • 변경은 예측할 수 없다. 대응하는 것
  • 적당한 분리의 기준 -> 애매한 단어 적당한

변경에 대응하기 위한 유연한 컴포넌트

  • 적당한의 기준을 컴포넌트로 살펴보자

1. Headless 기반의 추상화하기

  • 데이터와 UI의 분리 -> UI를 관심사에서 분리하는 것을 의미(Headless)
  • 동작 추상화(상호작용, 이벤트)

    모두 hooks로 추상화

2. 한 가지 역할만 하기

  • 한 컴포넌트에 한 가지 기능
  • 합성 가능하도록 컴포넌트를 설계

3. 도메인 분리하기

  • 컴포넌트 인터페이스가 표준에 가까울 수록 많은 사람들이 쉽게 이해

실천해보기 위한 액션아이템

  • 인터페이스 먼저 고민하기
  • 분리 전 다시 생각하기(분리의 목적)
    • 복잡도를 낮추는가?
    • 재사용 가능한 컴포넌트가 만들어지는가?

자료

0개의 댓글