https://github.com/acrool/acrool-react-hooks

react hook utils method
https://github.com/acrool/acrool-react-hooks

Last synced: 12 months ago
JSON representation

react hook utils method

• Host: GitHub
• URL: https://github.com/acrool/acrool-react-hooks
• Owner: acrool
• License: mit
• Created: 2024-06-26T04:36:37.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-17T10:20:37.000Z (over 1 year ago)
• Last Synced: 2024-10-18T07:16:32.261Z (over 1 year ago)
• Language: TypeScript
• Size: 588 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-react - Acrool React Hook - React Hooks (React underlying structure)

README

          
# Acrool React Hooks



    





    This is a commonly used React hooks toolbox, designed to facilitate rapid daily development.





[![NPM](https://img.shields.io/npm/v/@acrool/react-hooks.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-hooks)

[![npm](https://img.shields.io/bundlejs/size/@acrool/react-hooks?style=for-the-badge)](https://github.com/acrool/@acrool/react-hooks/blob/main/LICENSE)

[![npm](https://img.shields.io/npm/l/@acrool/react-hooks?style=for-the-badge)](https://github.com/acrool/react-hooks/blob/main/LICENSE)

[![npm downloads](https://img.shields.io/npm/dm/@acrool/react-hooks.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-hooks)

[![npm](https://img.shields.io/npm/dt/@acrool/react-hooks.svg?style=for-the-badge)](https://www.npmjs.com/package/@acrool/react-hooks)



## Features

- **[Base](/src/base)** - All relatively basic Hook methods.

- **[Input](/src/input)** - Related to input controls.

- **[Position](/src/position)** - Related to position control.

- **[Time](/src/time)** - Time-related (e.g. timer).

## Install

```bash

yarn add @acrool/react-hooks

```

## Examples

These are examples of imports for various types. Refer to the documentation inside each library for other methods.

```tsx

import {useTextFieldFocus} from '@acrool/react-hooks/input';

import {useClickOutSite} from '@acrool/react-hooks/position';

import {useCountDownTimer} from '@acrool/react-hooks/time';

import {useCountUpTimer} from '@acrool/react-hooks/time';

```

## License

MIT © [Acrool](https://github.com/acrool) & [Imagine](https://github.com/imagine10255)