什么是Radix UI?
Radix UI是一个无头和未风格的组件库,可以开箱即用,为我们提供了极大的灵活性和顶级可访问性。自以为是的UI库很棒,可以提供快速开发,但有时很难重新安装组件或将其定制为特定用例。在 radix ui 中,您是通过高度可访问的基础来构建组件,因此您可以完全控制实施。
我为什么要使用它?
有人可以说: “因此,如果我仍然必须在这些原语上构建一些高阶组件并将其定型,那么它有什么好处? /p>
让我们比较使用自我的UI库与从头开始与从头开始建筑组件的优点和缺点: radix ui 试图做的是适合这些情况的中间。您必须构建自己的组件,因此您必须照顾样式并将所有零件放在一起,但是由于您使用了这些原语,因此您不必担心Accessiblity,并且提供了一些基本的组件逻辑。可悲的是, radix ui 仅可用于React,但不再可用于! 𥳠多亏了贡献者的出色工作,Radix Vue终于提供了! ð¥³这是第一个Beta版本之一,所以不要让少数Github星星劝阻您!它尚未100%完成,但您可以跟踪移植here的进度。 我很高兴 radix ui 正在从React生态系统中移植。这是在radix原语的一点帮助下构建自定义组件的好方法。通过这样做,您不必担心一些潜在的局限性或在覆盖默认样式方面挣扎。 radix vue
从头开始建造组件
优点
缺点
完全控制组件逻辑
可访问性很难
更容易应用完全自定义样式
开发需要更长的
无外部依赖关系
对于复杂的UI组件,您必须为其他Devs创建良好的文档
使用自以为是的UI库
优点
缺点
快速开发
没有完全的灵活性
盒子 可访问性
您可以点击软件包的限制
文档已经存在
难以restyle
较少的错误,因为它是由许多人维护的
外部依赖关系
现在,可以使用 vue 版本!
概括