# @cannonui/reacthooks

> [![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/@cannonui%2Freacthooks.svg)](https://badge.fury.io/js/@cannonui%2Freacthooks)

Latest version **1.1.50** (published 2023-08-04) · 0 weekly downloads

## Install

```sh
npm install @cannonui/reacthooks
pnpm add @cannonui/reacthooks
yarn add @cannonui/reacthooks
bun add @cannonui/reacthooks
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.50 |
| Published | 2023-08-04 |
| First published | 2023-07-17 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 165.8 KB |
| Known vulnerabilities | 0 (+16 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | cannonmaster666 |

## Links

- npm: https://www.npmjs.com/package/@cannonui/reacthooks
- npm.io page: https://npm.io/package/@cannonui/reacthooks

## Dependencies (7)

- [astro](https://npm.io/package/astro.md) 2.7.0
- [react](https://npm.io/package/react.md) ^18.2.0
- [sharp](https://npm.io/package/sharp.md) ^0.32.1
- [react-dom](https://npm.io/package/react-dom.md) ^18.2.0
- [@astrojs/react](https://npm.io/package/@astrojs/react.md) ^2.2.1
- [@astrojs/starlight](https://npm.io/package/@astrojs/starlight.md) ^0.4.2
- [@cannonui/reacthooks](https://npm.io/package/@cannonui/reacthooks.md) ^1.1.39

## Recent versions

- 1.1.50 (latest) — 2023-08-04
- 1.1.39 — 2023-08-03
- 1.1.36 — 2023-08-03
- 1.1.32 — 2023-08-03
- 1.1.31 — 2023-08-02
- 1.0.30 — 2023-08-01
- 1.0.26 — 2023-08-01
- 1.0.16 — 2023-07-31
- 1.0.12 — 2023-07-28
- 1.0.6 — 2023-07-28
- 1.0.3 — 2023-07-24
- 1.0.2 — 2023-07-24
- 1.0.0 — 2023-07-24
- 0.9.9 — 2023-07-24
- 0.9.8 — 2023-07-24
- … 13 more at https://npm.io/package/@cannonui/reacthooks/versions

## README

# Cannon React Hooks

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/@cannonui%2Freacthooks.svg)](https://badge.fury.io/js/@cannonui%2Freacthooks)

Cannon React Hooks is a collection of useful custom hooks for React applications. It provides a set of reusable hooks that solve common problems and enhance the functionality of your React components.

## Features

- **useDebounce**: A hook for debouncing the value of an input field.

And many more will be available soon!

## Installation

Install the package using npm:

```bash
npm install @cannonui/reacthooks
```

## Usage

Here's how you can use the hook from this library:

```typescript
import { useState } from "react";
import { useDebounce } from "@cannonui/reacthooks";

const TestUseDebounce = () => {
  const [inputValue, setInputValue] = useState("");

  const debouncedValue = useDebounce(inputValue, 1000);

  const handleChange = (e: any) => {
    setInputValue(e.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleChange} />
      <p>Debounced value: {debouncedValue}</p>
    </div>
  );
};

export default TestUseDebounce;
```

## Contributing

Contributions are welcome! If you have any bug reports, feature requests, or suggestions, please open an issue or submit a pull request.

## License

This project is licensed under the MIT License.

---
_Source: https://npm.io/package/@cannonui/reacthooks · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._