Teamflow

采用 Radix Primitives 后，我们看到了显著的性能提升。我们从替换模态框和工具提示开始，并立即看到了巨大的收益。

¥Once we adopted Radix Primitives, we saw a noticeable performance improvement. We began by replacing modals and tooltips, and we saw big gains right away.

请描述一下你正在使用 Radix Primitives 的项目类型？

¥Describe the type of project you are using Radix Primitives on?

Teamflow 是一个一体化协作中心，远程团队可以在此开会、集思广益，并完成他们一生中最好的工作。我们正在融合 WebGL、WebRTC 和 React，突破 Web 的极限。这意味着性能对我们至关重要。我们使用 Radix 作为我们设计系统的快速易用基础。

¥Teamflow is the all-in-one collaboration hub where remote teams meet, brainstorm, and do the best work of their lives. We're mixing WebGL, WebRTC and React, pushing the web to the limits. This means performance is critical to us. We use Radix as a fast and accessible foundation for our design system.

Radix Primitives 在哪些方面帮助了你和你的公司？

¥In what ways have Radix Primitives helped you and your company?

为了快速发展，我们最初使用现成的 UI 库，但很快就遇到了性能瓶颈。采用 Radix Primitives 后，我们看到了显著的性能提升。我们从替换模态框和工具提示开始，并立即看到了巨大的收益。它还能更快地根据我们设计团队的规范调整组件。Radix 让我们能够将更多时间专注于核心产品。

¥We started with a ready-made UI library to move fast, but soon ran into blocking performance issues. Once we adopted Radix Primitives, we saw a noticeable performance improvement. We began by replacing modals and tooltips, and we saw big gains right away. It was also faster to adapt components to our design team’s specifications. Radix allows us to spend more time focusing on our core product.

你对 Radix 开发者体验有何看法？

¥What are your thoughts on Radix developer experience?

无头 UI 模型易于采用。我们无需费力就能将自定义样式应用到该库中。Radix 与任何 CSS 层都兼容性极佳。我们需要一个零运行时的 CSS 库，但我们很快就集成了 Vanilla Extract。Radix 组件的 API 设计精良且一致，同时易于学习和维护。

¥The headless UI model is easy to adopt. We never had to fight the library to apply our custom styles to it. Radix compatibility with any CSS layer is great. We needed a zero runtime CSS library, and we were able to integrate Vanilla Extract in no time. The API of Radix components is well-designed and consistent, while also being easy to learn and maintain.

你对 Radix 文档有何看法？

¥What are your thoughts on Radix docs?

文档简洁明了。"anatomy" 部分有助于了解如何使用某个组件。当我们想要深入了解时，Github 源代码链接非常有用。键盘交互已详细记录。作为开发者，你了解发生了什么，不会有任何意外。这些示例展示了真实而复杂的用例，而不仅仅是简单的路径。

¥The docs are clear and concise. The "anatomy" sections are helpful in figuring out how to use a certain component. The Github source links are great for when we want to dig deeper. Keyboard interactions are well-documented. As a developer, you understand what's going on, there are no nasty surprises. The examples show real and complex use cases, not only the happy paths.