프론트엔드를 구성하는 기본 요소
섹션 링크 공유UI Libraries Ratios Over Time
UI Libraries Ratios Over Time
While MUI (a.k.a. Material UI) is still number one in terms of usage, shadcn/ui is growing fast and on the verge of overtaking it for the top spot.
섹션 링크 공유Number of Items
Number of Items
A big proportion of users don't use any component library at all–while at the same time, those who do use one are likely to have tried out multiple options. This suggests the space isn't quite settled yet, and that there's still room for new entrants to make their mark.
💡
기술 이름을 클릭하면 자세한 정보를 확인하고 관련 데이터를 자세히 볼 수 있습니다.
섹션 링크 공유기타 라이브러리
기타 라이브러리
Base UI is another entrant in the very competitive space of headless UI libraries–in other words UI libraries that provide component behavior, but leave styling up to you. And with many Radix veterans as part of the team, it's definitely worth checking out if that's what you're after.
그 외에 어떤 컴포넌트 라이브러리를 사용해 봤나요?
(자유 형식 질문)
Multiple
섹션 링크 공유Animation
Animation
Not every project needs fancy animations, but for those who do Motion has established itself as a serious option.
Which animation libraries have you used?
Multiple
섹션 링크 공유Data Visualization
Data Visualization
Despite not being a React-specific chart library, Chart.js still tops the rankings.
Want to guess what library we use for the charts you see here? Trick question, they're all hand-coded from scratch!
Which data visualization and graphics libraries have you used?
Multiple
섹션 링크 공유Form Libraries
Form Libraries
Nobody likes dealing with forms, but when you can't help it React Hook Forms at least makes the whole thing a lot less painful.
Which libraries have you used to manage forms?
Multiple
섹션 링크 공유Form Patterns
Form Patterns
The debate between controlled and uncontrolled form components isn't really one. Respondents mainly switch between either pattern; but if they need to pick then controlled forms are the clear winner.
Which form pattern do you usually prefer using?
섹션 링크 공유CSS Tools & Libraries
CSS Tools & Libraries
CSS-in-JS had its 15 minutes of fame, but the appearance of Tailwind, as well as the huge improvements in CSS itself in the last couple years, have put a big dent in its popularity.
Which libraries or frameworks have you used to style your React apps?
Multiple
섹션 링크 공유컴포넌트 페인 포인트
컴포넌트 페인 포인트
Developers seem to have a love/hate relationship with Tailwind, with some citing it as a pain point while others see it as the answer to their UI troubles.
컴포넌트 라이브러리를 사용할 때 어떤 어려움 또는 문제점을 경험했나요?
(자유 형식 질문)
Multiple
섹션 링크 공유추천하는 리소스
추천하는 리소스
Steve Kinney
Temporal
Enterprise UI Development: Testing & Code Quality
Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Axe, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged.
Will Sentance
Codesmith
The Hard Parts of UI Development
Develop an under-the-hood knowledge of UI dev by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch!
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.