构建前端应用的砖块
链接到某一部分组件库随时间变化的比重
虽然 MUI 在使用率方面一直排名第一,但 shadcn/ui 的使用率却大幅提升,一年内从 20% 翻番至 42%,并以 80% 的积极性高居榜首!
💡
你可以单击任何技术的名称, 来获得额外的详细信息,并更深入地查看其相关数据。
链接到某一部分Other Component Libraries
What other component libraries have you used?
(自由提问)
我们邀请 React 社区成员分享他们的"年度之选"
我的 2024 年度之选: "Mind the Gap" —— Ryan Florence 在 2024 年 Big Sky Dev Con 的演讲
Ryan 巧妙地展示了 React 新的 "use server" 和 "use client" 指令如何让我们使用统一的范式在网络的两端构建丰富的功能。这是每个 React 开发者必看的内容。
我们邀请 React 社区成员分享他们的"年度之选"
Sam Selikoff
在 Build UI 和 YouTube 上为前端开发者制作视频,Frontend First 播客的共同主持人
链接到某一部分动画
Motion(前身为 Framer Motion)当之无愧地获得第一名,以庆祝其最近的品牌重塑!
你用过哪些动画库?
链接到某一部分数据可视化
今年,Chart.js 位居榜首。顺便提一下,你知道这项调查的所有图表都是定制的吗?
您使用过哪些数据可视化和图形库?
链接到某一部分表单库
目前,React Hook Form 是最常见的表单库。但随着 TanStack 的日益流行,未来对 TanStack Forms 的关注将非常有趣。
你用过哪些库来管理表单?
链接到某一部分表单范式
有趣的是,大多数开发人员都能自如地使用 controlled 和 uncontrolled 两种形式。
尽管如此,如果你必须只选择一种,那么 controlled 表单输入似乎是个不错的选择!
您通常喜欢使用哪种表单范式?
链接到某一部分CSS 工具库
是 Tailwind 干掉了 CSS-in-JS 吗?还是 CSS 本身迎头赶上了?无论如何,CSS 架构花哨的时代似乎已经过去了,因为前三名都被历史悠久的 CSS 工具占据了。
您使用哪些库或框架来设置 React 应用的样式?
链接到某一部分Component Pain Points
由于 风格和定制 问题带来的痛苦,难怪 Radix 和 React Aria 等 “无头” 库如此受欢迎。
What pain points have you encountered related to working with components?
(自由提问)
链接到某一部分资源推荐
Tailwind CSS
By the end of this course, you'll be proficient in building visually stunning, responsive, and maintainable user interfaces with Tailwind CSS!
Design Systems with Storybook, v2
Create reusable UI components with composable styles and variants using Tailwind CSS. Use MDX for documentation, set up interaction testing, and add data fetching to create a robust dev environment for your component library.
感谢合作伙伴对我们的支持! 了解更多。