Radix Primitives 迅速成为我们许多组件的基础。我们在此看到的最大优势是,它极大地提高了我们所用组件的可访问性。
请描述您在何种类型的项目中使用 Radix Primitives?
我们有一个名为 Supabase UI 的设计系统,它由“原子”级别的组件组成,这些组件可以组合使用,以创建您在许多现代 Web 应用程序中看到的重复 UI 模式。Supabase UI 被用于我们所有的 Next.js 应用程序中,并且它已成为保持我们所有媒介一致性的有用工具。
目前,我们只有少数开发人员在内部为我们的 UI 库做出贡献—加上一些开源贡献—但我们可能很快就会看到更多开发人员同时参与其中。
Radix Primitives 在哪些方面帮助了您和您的公司?
Radix Primitives 迅速成为我们许多组件的基础。我们在此看到的最大优势是,它极大地提高了我们所用组件的可访问性。与此相反的策略是从头开始构建组件;任何这样做过的人都会非常清楚较小的可访问性细节,例如按 Esc 键关闭对话框,或者对话框和警报对话框之间的混淆。所有这些概念都由 Radix primitives 处理,因此我们基本上只剩下更紧迫的工作,即以我们喜欢的方式样式化和组合组件。
您对 Radix 开发人员体验有何看法?
将组件一次一个地引入到我们的 UI 库中一直很棒。显然,我们无法一次性替换所有内容,但 Radix 通过为每个 primitive 提供单独的 NPM 包使其变得容易。任何想要构建 UI 系统的人甚至可以挑选他们想要使用的内容,甚至可以在 Radix Primitives 旁边使用他们自己的自定义组件。也可以随意组合组件。我们在 Supabase UI 中的一些组件更让人想起 Ant Design 的工作方式,但使用 Radix Primitives,可以轻松地在我们自己的 UI 库中公开我们需要的部分,因此您永远不会被默认设置所困扰。
您对 Radix 文档有何看法?
文档非常棒,我们特别喜欢这些示例!值得注意的是,您可以使用任何您喜欢的样式库来样式化 primitives。您永远不会被迫选择某一种方式。