Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

🍭 Event hooks
https://github.com/sandiiarov/use-events

Last synced: about 2 months ago
JSON representation

🍭 Event hooks

Awesome Lists containing this project

README

        


Use Events

![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
```