찾아보니까 UI 라이브러리가 3가지로 분류 되는 것 같아요.
Advanced CSS (CSS ++ )
- 기존 CSS에 추가 기능을 제공함.
- Sass(변수, 중첩, 객체지향 기능을 추가해줌)
- Taliwind (요소 스타일링을 할 수 있는 css 클래스를 라이브러리가 제공해줌)
- CSS in Js들도 여기에 속함. emotion, styled-components
Syle Systems
- 기능 + 스타일링이된 컴포넌트 자체를 제공함.
- 유틸리티 클래스와 이미 스타일링된 컴포넌트 두개를 다 제공해줌.
- 이미 디자인과 기능이 완벽히 만들어진 컴포넌트를 그대로 쓰기만 하면 되서 빠르게 개발을 할 수 있음.
- MUI, Bootstrap, Daisy UI, CHAKRA UI, shadcn-ui
Behavior Libraries
- UI의 기능과 접근성에만 초점을 맞춘 라이브러리
- UI에 스타일링을 거의 제공하지 않아서, 마음대로 스타일링하기 쉬움.
- Radix, Headless UI, React Aria
How to choose the right React UI Library for your project
Comparing Modern CSS Solutions (Tailwind vs MUI vs Bootstrap vs Chakra vs...) - YouTube
