¥Linear
到目前为止,我们已经采用了多个 Radix 基础组件,并且我们可以看到它显著提高了我们的可访问性合规性,消除了大量代码复杂性,并使我们能够专注于我们最擅长的字段:UI 和 UX。
¥We’ve adopted several Radix primitives so far and we can see that it significantly improved our accessibility compliance, removed a lot of complexity from code, and allowed us to focus on what we do best: UI and UX.
请描述一下你正在使用 Radix Primitives 的项目类型?
¥Describe the type of project you are using Radix Primitives on?
我们开始将 Radix 基础组件用于我们的设计系统 Orbiter 的某些部分,该系统用于 Linear 的 Web 和桌面应用。我们的设计系统仍在积极开发中。我们从应用中分离出一些代码片段,并尝试使它们成为可重用的通用组件。
¥We started using Radix Primitives for some parts of our design system—Orbiter—which is used in Linear’s web and desktop applications. Our design system is still under active development. We carve out pieces of code from the application and try to make them reusable and generic components.
Radix Primitives 在哪些方面帮助了你和你的公司?
¥In what ways have Radix Primitives helped you and your company?
到目前为止,我们已经采用了多个 Radix 基础组件,并且我们可以看到它显著提高了我们的可访问性合规性,消除了大量代码复杂性,并使我们能够专注于我们最擅长的字段:UI 和 UX。
¥We’ve adopted several Radix primitives so far and we can see that it significantly improved our accessibility compliance, removed a lot of complexity from code, and allowed us to focus on what we do best: UI and UX.
我们计划继续采用 Radix 基础组件,并替换我们现有的复选框、开关、单选按钮、对话框等实现。使用所有这些基础组件应该会使我们的设计系统更加简单,并且更易于访问。
¥We plan to continue Radix Primitives adoption and replace our current implementation of checkboxes, switches, radios, dialogs, etc. Using all these primitives should make our design system much simpler and way more accessible.
你对 Radix 开发者体验有何看法?
¥What are your thoughts on Radix developer experience?
太棒了。我们尤其喜欢你可以根据需要组合基础组件,或者在其之上创建更多抽象。由于我们正在逐一采用 Radix 基础组件,因此 Radix 为每个组件提供单独的 NPM 包对我们来说非常重要,这样可以最大程度地减少软件包占用空间,并且我们无需担心 tree-shaking 优化。
¥It’s just great. We particularly like that you can compose primitives as you want or create more abstractions on top of them. Since we’re adopting Radix primitives one by one, it’s important for us that Radix has separate NPM packages for each component so the bundle footprint is minimal and we don’t need to care about tree-shaking optimizations.
在样式方面,我们使用 styled-components,将其与 Radix 结合使用非常直观。样式和行为的清晰分离,可以轻松创建单个组件的不同视觉变化。
¥When it comes to styling, we use styled-components and it was a really straightforward experience to combine it with Radix. A clear separation of styling and behavior allows to create different visual variations of a single component with ease.
社区也很重要。Radix 团队响应迅速,乐于助人,他们为我们的 Select 实现提供了一些想法和解决方法。
¥Community is important too. The Radix team is super responsive and helpful, they gave us a couple ideas and workarounds for our Select implementation.
你对 Radix 文档有何看法?
¥What are your thoughts on Radix docs?
它编写精良,包含大量示例,你只需单击一下即可复制粘贴或在 Codesandbox 中试用。
¥It’s well written with great examples that you can copy and paste or play around with in Codesandbox just in one click.
此外,我们非常感谢清晰详细的 发布版本 页面。
¥Beside that we really appreciate having a clear and detailed Releases page.
Linear is building the new standard for modern software development. It helps high-performance teams to streamline their software projects, sprints, tasks and bug tracking.
linear.appSan Francisco, 2019
Next case study
复合