Case study

Supabase

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

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

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

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


Radix Primitives 在哪些方面帮助了您和您的公司?

Radix Primitives 已迅速成为我们许多组件的基础。我们在这里看到的最大优势是大大提高了我们使用它时的可访问性。与此相对的策略是从头开始构建组件;任何做过这件事的人都知道小的可访问性细节,如按 Esc 键关闭对话框,或是对话框与警报对话框之间的混淆。所有这些概念都由 Radix Primitives 处理,因此我们基本上只需要关注样式和按照我们喜欢的方式组合组件这一更紧迫的工作。


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

逐个将组件引入我们的 UI 库的过程非常顺利。显然,我们无法一次性替换所有内容,但 Radix 通过为每个原语提供一个单独的 NPM 包,使这一过程变得简单。任何希望构建 UI 系统的人甚至可以挑选他们想使用的组件,甚至可以将他们自己的自定义组件与 Radix Primitives 一起使用。还有空间可以按照自己的方式组合组件。我们在 Supabase UI 中的一些组件更像是在模仿 Ant Design 的工作方式,但有了 Radix Primitives,我们可以简单地在自己的 UI 库中暴露我们需要的部分,因此你永远不会被限制于默认设置。


您对 Radix 文档有什么看法?

文档非常出色,我们特别喜欢示例!值得注意的是,您可以使用任何您喜欢的样式库对原语进行样式设置。您从不被迫采用某一种方式。

Jonathan Summers-Muir

Supabase 的设计 + 代码

About

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

supabase.com

Founded

新加坡,2020

Next case study

Node.js