Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/cloudever/react-hooky

React.js hooks aggregator, all-in-one or maybe you don't need to blow up your package.json 💡
https://github.com/cloudever/react-hooky

react-hook react-hooks react-suspense react-use the-platform

Last synced: 12 days ago
JSON representation

React.js hooks aggregator, all-in-one or maybe you don't need to blow up your package.json 💡

Host: GitHub
URL: https://github.com/cloudever/react-hooky
Owner: cloudever
License: mit
Created: 2018-10-28T21:33:32.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2020-06-02T18:11:58.000Z (over 4 years ago)
Last Synced: 2024-12-13T19:57:41.170Z (27 days ago)
Topics: react-hook, react-hooks, react-suspense, react-use, the-platform
Language: JavaScript
Homepage:
Size: 253 KB
Stars: 6
Watchers: 1
Forks: 0
Open Issues: 8
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        
# react-hooky

[![Greenkeeper badge](https://badges.greenkeeper.io/cloudever/react-hooky.svg)](https://greenkeeper.io/)

![David](https://img.shields.io/david/cloudever/react-hooky.svg)

![npm](https://img.shields.io/npm/dt/react-hooky.svg)

[![NPM](https://nodei.co/npm/react-hooky.png?compact=true)](https://nodei.co/npm/react-hooky/)

## Why?

Since the appearance of hooks in React, many packages have been published for various purposes, and in a reason to not pull many new small dependencies, most of them are combined in this package through re-export.

This package proxies dependencies and does not need to be compiled. It's built upon ES6 Modules for `webpack` and `rollup` and tree-shaking support.

A bundle size is optimized by bundler when used with ESM modules, so keep calm and feel free to use the package.

## Install

Using Yarn

```

yarn add react-hooky

```

or NPM

```

npm install react-hooky

```

## Exports

### [the-platform](https://github.com/palmerhq/the-platform)

 - [` `](https://github.com/palmerhq/the-platform#Audio )

 - [` `](https://github.com/palmerhq/the-platform#Preload )

 - [` `](https://github.com/palmerhq/the-platform#Script )

 - [` `](https://github.com/palmerhq/the-platform#Stylesheet )

 - [` `](https://github.com/palmerhq/the-platform#Video )

 - [`useDeviceMotion`](https://github.com/palmerhq/the-platform#useDeviceMotion)

 - [`useDeviceOrientation`](https://github.com/palmerhq/the-platform#useDeviceOrientation)

 - [`useGeoPosition`](https://github.com/palmerhq/the-platform#useGeoPosition)

 - [`useIntersectionObserver`](https://github.com/palmerhq/the-platform#useIntersectionObserver)

 - [`useMedia`](https://github.com/palmerhq/the-platform#useMedia)

 - [`useNetworkStatus`](https://github.com/palmerhq/the-platform#useNetworkStatus)

 - [`useWindowScrollPosition`](https://github.com/palmerhq/the-platform#useWindowScrollPosition)

 - [`useWindowSize`](https://github.com/palmerhq/the-platform#useWindowSize)

### [react-use](https://github.com/streamich/react-use)

- [`createMemo`](https://github.com/streamich/react-use/blob/master/docs/createMemo.md)

- [`useAsync`](https://github.com/streamich/react-use/blob/master/docs/useAsync.md)

- [`useAudio`](https://github.com/streamich/react-use/blob/master/docs/useAudio.md)

- [`useBattery`](https://github.com/streamich/react-use/blob/master/docs/useBattery.md)

- [`useBoolean`](https://github.com/streamich/react-use/blob/master/docs/useBoolean.md)

- [`useCounter`](https://github.com/streamich/react-use/blob/master/docs/useCounter.md)

- [`useCss`](https://github.com/streamich/react-use/blob/master/docs/useCss.md)

- [`useFavicon`](https://github.com/streamich/react-use/blob/master/docs/useFavicon.md)

- [`useGeolocation`](https://github.com/streamich/react-use/blob/master/docs/useGeolocation.md)

- [`useGetSet`](https://github.com/streamich/react-use/blob/master/docs/useGetSet.md)

- [`useGetSetState`](https://github.com/streamich/react-use/blob/master/docs/useGetSetState.md)

- [`useHover`](https://github.com/streamich/react-use/blob/master/docs/useHover.md)

- [`useIdle`](https://github.com/streamich/react-use/blob/master/docs/useIdle.md)

- [`useLifecycles`](https://github.com/streamich/react-use/blob/master/docs/useLifecycles.md)

- [`useList`](https://github.com/streamich/react-use/blob/master/docs/useList.md)

- [`useLocalStorage`](https://github.com/streamich/react-use/blob/master/docs/useLocalStorage.md)

- [`useLocation`](https://github.com/streamich/react-use/blob/master/docs/useLocation.md)

- [`useLogger`](https://github.com/streamich/react-use/blob/master/docs/useLogger.md)

- [`useMap`](https://github.com/streamich/react-use/blob/master/docs/useMap.md)

- [`useMediaDevices`](https://github.com/streamich/react-use/blob/master/docs/useMediaDevices.md)

- [`useMotion`](https://github.com/streamich/react-use/blob/master/docs/useMotion.md)

- [`useMount`](https://github.com/streamich/react-use/blob/master/docs/useMount.md)

- [`useNetwork`](https://github.com/streamich/react-use/blob/master/docs/useNetwork.md)

- [`useNumber`](https://github.com/streamich/react-use/blob/master/docs/useNumber.md)

- [`useObservable`](https://github.com/streamich/react-use/blob/master/docs/useObservable.md)

- [`useOrientation`](https://github.com/streamich/react-use/blob/master/docs/useOrientation.md)

- [`useRaf`](https://github.com/streamich/react-use/blob/master/docs/useRaf.md)

- [`useSetState`](https://github.com/streamich/react-use/blob/master/docs/useSetState.md)

- [`useSize`](https://github.com/streamich/react-use/blob/master/docs/useSize.md)

- [`useSpeech`](https://github.com/streamich/react-use/blob/master/docs/useSpeech.md)

- [`useSpring`](https://github.com/streamich/react-use/blob/master/docs/useSpring.md)

- [`useTimeout`](https://github.com/streamich/react-use/blob/master/docs/useTimeout.md)

- [`useTitle`](https://github.com/streamich/react-use/blob/master/docs/useTitle.md)

- [`useToggle`](https://github.com/streamich/react-use/blob/master/docs/useToggle.md)

- [`useTween`](https://github.com/streamich/react-use/blob/master/docs/useTween.md)

- [`useUnmount`](https://github.com/streamich/react-use/blob/master/docs/useUnmount.md)

- [`useWindowSize`](https://github.com/streamich/react-use/blob/master/docs/useWindowSize.md) as `useWindowSizeU`

- [`useMedia`](https://github.com/streamich/react-use/blob/master/docs/useMedia.md) as `useMediaU`

### other

- [`useOnClickOutside`](https://github.com/streamich/react-use/blob/master/docs/useOnClickOutside.md)

- [`useSubstate`](https://github.com/philipp-spiess/use-substate) and `SubstateProvider`

## Contribution

Feel free to pull your request of hooks and keep agreement of conventional commits.

## Whan does `hooky` means?

The `-y` (i) suffix in Russian is just like `-s (-es)` in English and usable for plural form of a word.

## License

MIT