uttamakwana
📦 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
- ✅ 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-reactor
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.
- Fork the repository.
- Create your feature branch (git checkout -b feature/AmazingFeature).
- Commit your changes (git commit -m 'Add some AmazingFeature').
- Push to the branch (git push origin feature/AmazingFeature).
- 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 uttamakwana4503@gmail.com.
Documentation
Visit hookify-react for full documentation.