📦 hookify-react

🚀 A collection of high-performance, reusable, and production-ready React hooks to simplify state management, dom, location, async management and browser storage.

🌟 Table of Contents

• Features
• Installation
• Quick Start
• Available Hooks
• Contributing
• License
• Contact

🚀 Features

• ✅ Custom State Management Hooks
• ✅ Async Management Hooks
• ✅ Form Handling & Validation
• ✅ Local & Session Storage Management
• ✅ Undo/Redo State with History
• ✅ Optimized & Performant

📌 Installation

npm install hookify-react

or

yard add hookify-react

⚡ Quick Start

  import { useEventListener } from "hookify-react";
 
  export default function UseEventListener() {
    const buttonRef = useRef<HTMLButtonElement>(null);
 
    useEventListener("click", () => alert("Button clicked!"), buttonRef);
 
    return <button ref={buttonRef}>Click Me</button>;
  }

🔍 Available Hooks

Async Management

• useDebounce
• useInterval
• useTimeout
• useAdvancedEffect
• useUpdatedEffect

DOM Interactions

• useCopyToClipboard
• useEventListener
• useHover
• useClickOutside
• useOnlineStatus
• useOnScreen
• usePress
• useScrollPosition

State Management

• useArray
• useCounter
• useFormState
• useHistory
• usePrevious
• useToggle

Storage Mangement

• useStorage
• useLocalStorage
• useSessionStorage

Location

• useGeoLocation

Responsive Design

• useSize
• useWindowSize
• useScrollPosition

🤝 Contributing

We welcome contributions! If you have suggestions for improvements or new hooks, please open an issue or submit a pull request.

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a pull request.

📜 LICENSE

This project is licensed under the MIT License - see the LICENSE file for details.

📬 Contact

For any inquiries or support, please reach out to [email protected].

Documentation

Visit hookify-react for full documentation.