[영상] 토스 | SLASH 22 - Effective Component 지속 가능한 성장과 컴포넌트
- 제품의 변화는 성장하는 것이다
- 변경은 예측할 수 없다. 대응하는 것
적당한
분리의 기준 -> 애매한 단어 적당한
변경에 대응하기 위한 유연한 컴포넌트
1. Headless 기반의 추상화하기
- 데이터와 UI의 분리 -> UI를 관심사에서 분리하는 것을 의미(Headless)
- 동작 추상화(상호작용, 이벤트)
모두 hooks로 추상화
2. 한 가지 역할만 하기
- 한 컴포넌트에 한 가지 기능
- 합성 가능하도록 컴포넌트를 설계
3. 도메인 분리하기
- 컴포넌트 인터페이스가 표준에 가까울 수록 많은 사람들이 쉽게 이해
실천해보기 위한 액션아이템
- 인터페이스 먼저 고민하기
- 분리 전 다시 생각하기(분리의 목적)
- 복잡도를 낮추는가?
- 재사용 가능한 컴포넌트가 만들어지는가?
자료