Skip to content
/ reakit Public
forked from ariakit/ariakit

Toolkit for building interactive UIs with React

License

Notifications You must be signed in to change notification settings

edkf/reakit

 
 

Repository files navigation





reakit



Generated with nod NPM version Build Status Coverage Status


Toolkit for building composable, accessible and reliable UIs with React.

Installation

npm i reakit

Thanks @nosebit for the package name.

Example


See and edit full source code on CodeSandbox

import React from "react";
import { render } from "react-dom";
import { Button, Popover } from "reakit";

const App = () => (
  <Popover.Container>
    {popover => (
      <Button as={Popover.Toggle} {...popover}>
        Toggle
        <Popover {...popover}>
          <Popover.Arrow />
          Popover
        </Popover>
      </Button>
    )}
  </Popover.Container>
);

render(<App />, document.getElementById("root"));

Performance

Benchmark done using react-benchmark with MacBook Pro (Retina, 13-inch, Late 2013). Clone the repository and run yarn && yarn benchmark to see the results.

Library ops/sec
react 103,029
reakit (as) 45,975
antd 29,122
reakit (Base) 17,071
reakit (Button) 12,107
material-ui 9,840
rebass 7,989

License

MIT © Diego Haz

About

Toolkit for building interactive UIs with React

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%