案例研究

Supabase

Radix Primitives 迅速成为我们许多组件的基础。我们在这里看到的最大优势是我们在使用它的任何地方都大大提高了可访问性。

描述您正在使用 Radix Primitives 的项目类型?

我们有一个名为 Supabase UI 的设计系统,它由“原子”级组件组成,这些组件可以组合在一起创建可在许多现代 Web 应用程序中看到的可重复使用的 UI 模式。Supabase UI 用于我们所有的 Next.js 应用程序,并且已成为在所有媒介中保持一致的有用工具。

目前,我们只有少数开发人员在内部为我们的 UI 库做贡献—以及一些开源贡献—但我们可能会很快看到更多开发人员同时参与开发。


Radix Primitives 如何帮助您和您的公司?

Radix Primitives 迅速成为我们许多组件的基础。我们在这里看到的最大优势是我们在使用它的任何地方都大大提高了可访问性。与此相反的策略是从头开始构建组件;任何做过这件事的人都会非常清楚一些较小的可访问性细节,例如按 Esc 关闭对话框,或者在例如 Dialog 和 Alert Dialog 之间的混淆。所有这些概念都由 Radix Primitives 处理,因此我们实际上只需要完成更紧迫的工作,即按照我们喜欢的方式设置组件样式和组合组件。


您对 Radix 开发者体验有什么看法?

将组件逐个引入我们的 UI 库非常棒。显然,我们不能一下子替换所有内容,但 Radix 通过为每个组件提供一个单独的 NPM 包使其变得容易。任何想要构建 UI 系统的人甚至可以选择他们想要使用什么,甚至可以在 Radix Primitives 旁边使用他们自己的自定义组件。还可以根据需要组合组件。Supabase UI 中的一些组件更类似于 Ant Design 的工作方式,但借助 Radix Primitives,在我们的 UI 库中公开我们需要的部分变得非常简单,因此您永远不会只局限于默认设置。


您对 Radix 文档有什么看法?

文档很棒,我们特别喜欢示例!值得注意的是,您可以使用任何您喜欢的样式库来设置组件的样式。您永远不会被迫以某种方式进行操作。

Jonathan Summers-Muir

Supabase 的设计与代码

关于

Supabase 是一家后端即服务初创公司,它会自动处理开发人员的后端工作。

supabase.com

成立时间

2020 年,新加坡

下一个案例研究

Teamflow