ReakitReact Web 應(yīng)用開發(fā)工具包

Reakit 是一個(gè) React Web 應(yīng)用開發(fā)工具包。

特性：

• 便捷，無障礙：Reakit 嚴(yán)格遵循 WAI-ARIA 1.1 標(biāo)準(zhǔn)，所有組件都具有開箱即用的適當(dāng)屬性和鍵盤交互。
• 可組合：Reakit 具有強(qiáng)大的可組合性，可以利用任何組件或 hook 來創(chuàng)建新事物。
• 可自定義：默認(rèn)情況下，核心庫中 Reakit 組件沒有樣式化，每個(gè)組件都返回一個(gè) HTML 元素，該元素接受所有 HTML 屬性，包括 className 和 style。
• 小而快：Reakit 組件使用現(xiàn)代 React 構(gòu)建，并遵循最佳實(shí)踐。每個(gè)導(dǎo)入的組件大小只有幾個(gè)字節(jié)到最多 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>
);
}