凭借 Radix Primitives,我们能够创建高质量的自定义 UI,其表现得像本地元素——而不需要花费数周的时间。相反,我们可以将这些时间花在我们的核心产品上。
您在什么项目中使用 Radix Primitives?
Liveblocks 设计系统依赖于 Radix Primitives、Tailwind CSS 和 React。它的结构使我们能够在营销网站、文档网站和产品仪表板上使用颜色、字体、阴影等原语和一组选定组件。
由于一切都运行在 Next.js 上,这使我们能够在不同平台之间保持品牌一致性,同时仍然可以自由创建特定平台的 UI 模式。我最初设计并建立了该系统,但现在由我们团队中的设计工程师进行维护和改进。
Radix Primitives 在哪些方面帮助了您和您的公司?
在之前的公司中,我设计并构建了一个自定义菜单组件。那时我了解到,创建看起来和行为像本地 macOS 菜单的东西是多么困难和耗时。菜单项可以无限嵌套,必须考虑屏幕空间,输入需要自动选择第一个匹配的项目,等等……
Radix Primitives 非常出色地处理了这些问题。凭借 Radix Primitives,我们能够创建高质量的自定义 UI,其表现得像本地元素——而不需要花费数周的时间。相反,我们可以将这些时间花在我们的核心产品上。目前,我们将 Radix Primitives 用于我们的对话框、警告对话框、菜单、上下文菜单、滚动区域和工具提示。我们团队的 Marc Bouchenoire 最近还将我们网站的主导航转换为使用 NavigationMenu,以改善可访问性。
您对 Radix 开发者体验有何看法?
我喜欢我们可以根据需要将组件安装到代码库中。这使我们能够逐个组件地轻松进行转换。但我最喜欢的是组件完全未样式化,这使我们能够以我们想要的方式进行组合,甚至使用 Tailwind CSS 来设计样式。
您对 Radix 文档有何看法?
文档很好。示例使人们很容易理解事物的运作。我还查看了 Modulz 设计系统,看看你们是如何在你们那边使用 Radix 的,并从中获得了很多灵感。