React Web 应用开发工具包 Reakit

React Web 应用开发工具包 Reakit

MIT
TypeScript 查看源码»
跨平台
2019-05-16
h4cd

Reakit 是一个 React Web 应用开发工具包。

特性:

  • 便捷,无障碍:Reakit 严格遵循 WAI-ARIA 1.1 标准,所有组件都具有开箱即用的适当属性和键盘交互。
  • 可组合:Reakit 具有强大的可组合性,可以利用任何组件或 hook 来创建新事物。
  • 可自定义:默认情况下,核心库中 Reakit 组件没有样式化,每个组件都返回一个 HTML 元素,该元素接受所有 HTML 属性,包括 className 和 style。
  • 小而快:Reakit 组件使用现代 React 构建,并遵循最佳实践。每个导入的组件大小只有几个字节到最多 3 kB。

使用示例:

import { useRoverState, Rover } from "reakit/Rover";
import { Group } from "reakit/Group";
import { Button } from "reakit/Button";
function Example() {
const roving = useRoverState();
return (
<Group>
<Rover as={Button} {...roving}>
Button 1
</Rover>
<Rover as={Button} {...roving} disabled>
Button 2
</Rover>
<Rover as={Button} {...roving} disabled focusable>
Button 3
</Rover>
<Rover as={Button} {...roving}>
Button 4
</Rover>
<Rover as={Button} {...roving}>
Button 5
</Rover>
</Group>
);
}

 

的码云指数为
超过 的项目
加载中

评论(4)

细节探索者
看不懂啊,不过为啥前段不需要注释
司徒永超
司徒永超
这一堆 ...roving ,是不是可以简化一下?
阿信sxq
阿信sxq
样例代码是认真的吗
红薯
红薯
现在的前端这种代码我真接受不了

暂无资讯

暂无问答

推荐 9 个样式化组件的 React UI 库

简评:喜欢 CSS in JS 吗?本文将介绍一些使用样式组件所构建的 React UI 库,相信你会很感兴趣的。 在 React 社区,对 UI 组件进行样式化的讨论逐步从 CSS 模块到内联 CSS 再到 CSS in JS,...

2018/11/06 12:16
471
0
这50款前端热门工具简直不要太好用了!(1)

19年,又是新的一年,“前端届”,又出了哪些新的“玩意”,今天向你推荐目前比较热门新鲜度靠前的50款前端工具,希望在新的一年里,对你有所帮助。 一、构建工具 1、 Parcel https://parce...

02/15 22:15
6
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部