react 최고의 ui 프레임워크 / 컴포넌트 라이브러리

tilnote2022-11-25 00:52

tailwind 같은 css+ 가 있는가 하면 ui component 들을 가져다 쓸 수 있는 것들을 ui 프레임워크, 컴포넌트 라이브러리라고 한다.

물론 컴포넌트들을 직접 만들어서 쓰면 가장 좋겠지만 그렇게 하기에는 힘들 때가 많다. 그러면 리액트에서 쓰기에 좋은 컴포넌트 라이브러리는 어떤게 있을까?

MUI : Material UI를 react 에서 쓸 수 있게 만들어 놓은 라이브러리이다. 내가 쓰고 있다. 제일 만족스럽지만 소스 보기를 했을 때 코드가 꽤 지저분해 보인다는 단점이 있다. 그래도 이만큼 관리되고 있는 라이브러리는 없을 듯 하다. 82.8k의 github star 수로 여기 나열 된 프레임워크 중 최상위권이다.
ant design : 알리바바의 ant design. 83k의 깃허브 스타.
chakra : 신흥 강자인듯! 29.9k의 깃허브 스타를 받았다. 소형~중형 프로젝트에서는 괜찮은데 대형 프로젝트로 갈 수 록 컴포넌트가 부족하다는 이야기가 있다.
react bootstrap : bootstrap을 react에서 사용할 수 있게 만들었다. 21.3k의 깃허브 스타.
blue print : 리액트 기반의 UI 툴킷. 팔란티어(Palantir Technologies)에서 만들고 관리하고 있다. 19.4k의 깃허브 스타.

여전히 mui를 사용할 것 같다. material ui 자체가 워낙 잘 만들어져 있고 가장 만족스러웠기 때문이다.

tailwind와 함께 사용하면 좋은 ui 컴포넌트 라이브러리