Reakit 介绍
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> ); }