react 오픈소스 UI 라이브러리 쓰시나요?

Question

이번에 사이드 프로젝트에 새로 합류하게 되었는데, 전임 프론트 개발자 분이 Ant Design을 적용해놓고 가셨더라고요. 프로젝트 코드도 다 Ant Design 컴포넌트들로 적용이 된 상태입니다. 저는 사실 회사에서 이런 UI 라이브러리를 써본적은 없고 bootstrap 이나 tailwindcss로 구현된 내부 컴포넌트들 밖에 안 써봤는데요. 
혹시 실제 사용하는 서비스에서도 Ant Design 같은 UI 라이브러리를 사용하는지 궁금합니다!
추가로 최근 Storybook을 잠깐 봤는데, 이거는 UI 라이브러리인가요?

프레드윰 · Answer

메트리얼 유아이가 자주 쓰는걸로 아는데, 앤트 디자인은 기능들이 굉장히 무겁다고 하네요.

손정현 · Answer

안녕하세요!

UI 라이브러리 사용 여부는 팀에 따라 다를 것 같습니다. 보통 실제 서비스에는 직접 만든 UI 컴포넌트와 외부 UI 라이브러리를 어느 정도 섞어서 쓰는 것 같아요. Ant Design 같은 외부 라이브러리로 전체 UI 컴포넌트를 만들게 된다면 어느 정도 정해진 틀 안에서 작업하게 되는 느낌이에요.

UI 라이브러리를 사용하는 케이스 중 주로 제가 봤던 것들은:
- 실제 사용자가 쓰는 서비스가 아닌 회사 내부 용도의 프로젝트 또는 어드민 페이지
- UI 컴포넌트를 만들 디자이너 리소스 부족
- 카러셀, 드롭다운, 바텀시트, 모달 같이 직접 구현하려면 어느 정도 리소스가 들지만 서비스에는 꼭 필요한 UI 컴포넌트

스토리북을 써본 적이 없긴하지만 문서와 가이드들 봤을때 일반적인 UI 라이브러리랑 조금 다른 느낌인 것 같습니다. 스토리북은 직접 만드신 컴포넌트로 디자인 시스템을 만들 때 용이해보입니다.
ex) 스토리북에 맞게 컴포넌트를 잘 쪼개서 짜면, Ant Design 같은 UI 라이브러리를 하나 만들 수 있다