open-index/open-npm huggingface dataset:
npm package: @pyr33x/hooks
Description: Optimized collection of typescript react hooks ready for production.
Author: @Pyr33x
Latest version: 1.4.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<div align="center">
  <img src="https://github.com/Pyr33x/usehooks/assets/83529331/dbbb0eab-8e1a-4d08-b256-9d2ce9b25364" />
</div>

<div align="center">
  <h1>usehooks</h1>
  <p>Optimized for React, Production-Ready Hooks, Built in TypeScript</p>
</div>

<div align="center">
  <pre>npm i --save-dev <a href="https://www.npmjs.com/package/@pyr33x/hooks">@pyr33x/usehooks</a></pre>
</div>

<h1 align="center">🪄 Usage</h1>

<p align="center">
You can easily import hooks from `@pyr33x/hooks` and boom!
</p>

```tsx
import { useStorage } from '@pyr33x/hooks';

export function App() {
  const [value, setValue] = useStorage('key', 'initialValue');
  ...
}
```

<h1 align="center">⚡ Hooks</h1>

[`useWindow`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useWindow) -
[`useStatus`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useStatus) -
[`useStorage`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useStorage) -
[`useClient`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useClient) -
[`useToggle`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useToggle) -
[`useScroll`](https://github.com/Pyr33x/usehooks/tree/master/packages/usehooks/src/useScroll)

<h1 align="center">🧾 License</h1>

<p align="center">
<a href="https://npmjs.com/package/@pyr33x/hooks">useHooks</a> is licensed under the MIT License.
</p>