React 관련 UI 라이브러리 탐구

회사 업무 관련 서칭으로 React 관련 UI 라이브러리를 탐구하고 있다. 대표적으론 MUI, antd, chakra-ui, bootstrap 등이 있다.

각 라이브러리는 충분히 방대해서 전용 페이지가 있고, 사용자들은 해당 페이지를 이용해서 정보를 습득한다. 따라서 chakra UI를 제외하고는 storybook을 사용하지 않고, chakra UI 도 개발용으로만 사용되는 듯 하다.

이건 디자인 라이브러리 뿐 아니라 대부분의 라이브러리에서 동일한데, monorepo로 관리되는 라이브러리들이 아주 많다. 라이브러리가 커지면 따로 홈페이지도 생기고 라이브러리도 결국은 관심사를 분리하고 해야하니 그런 것 같다.

모든 라이브러리들이 컴포넌트를 forwardRef로 감싸 두었다. 이는 ref를 직접 React component에 전달하면 안되기 때문이다. 따라서 라이브러리 사용자가 React component안의 DOM element에 접근할 수 있도록 하기 위해서다.

빌드하는 방식이 제각각이다. 컴포넌트의 갯수가 아주 많고 해당 컴포넌트들이 수평적으로 존재하는 경우가 아주 많기 때문에, 따로 빌드 로직이 있는 경우가 일반적이다. 어떤 라이브러리의 빌드 로직을 따를지는 조금 더 고려해봐야겠다.

따로 페이지를 만드는 건 너무 큰 작업이기 때문에 Storybook을 통으로 배포하는 방안을 생각중이다.