<h1 align="center">
  <img src="https://user-images.githubusercontent.com/15861257/47953124-f53e3680-df46-11e8-99f8-983ef5613d31.png" alt="Use Events" />
</h1>

![npm](https://img.shields.io/npm/dt/use-events.svg)
![npm](https://img.shields.io/npm/v/use-events.svg)
![NpmLicense](https://img.shields.io/npm/l/use-events.svg)

**Use Events** - Events turned into React Hooks.
Read about [Hooks](https://reactjs.org/docs/hooks-intro.html) feature.

## Documentation

https://sandiiarov.github.io/use-events

### List of hooks

- [useActive](https://sandiiarov.github.io/use-events/#/docs-use-active)
- [useClickOutside](https://sandiiarov.github.io/use-events/#/docs-use-click-outside)
- [useFocus](https://sandiiarov.github.io/use-events/#/docs-use-focus)
- [useHover](https://sandiiarov.github.io/use-events/#/docs-use-hover)
- [useMousePosition](https://sandiiarov.github.io/use-events/#/docs-use-mouse-position)
- [useTouch](https://sandiiarov.github.io/use-events/#/docs-use-touch)
- [useWindowResize](https://sandiiarov.github.io/use-events/#/docs-use-window-resize)
- [useResizeObserver](https://sandiiarov.github.io/use-events/#/docs-use-resize-observer)

## Installation

> Note: React 16.8+ is required for Hooks.

### With npm

```sh
npm i use-events
```

### Or with yarn

```sh
yarn add use-events
```
