Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ishantrivedi25/react-super-hooks
A lightweight library of commonly used React custom hooks, written in TypeScript, designed to simplify and enhance your React projects.
https://github.com/ishantrivedi25/react-super-hooks
custom-hooks hooks npm npm-package open-source react react-functional-components react-hooks react-library
Last synced: about 1 month ago
JSON representation
A lightweight library of commonly used React custom hooks, written in TypeScript, designed to simplify and enhance your React projects.
- Host: GitHub
- URL: https://github.com/ishantrivedi25/react-super-hooks
- Owner: ishantrivedi25
- License: mit
- Created: 2024-06-08T17:09:45.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-06-15T12:56:25.000Z (5 months ago)
- Last Synced: 2024-09-29T15:21:59.332Z (about 1 month ago)
- Topics: custom-hooks, hooks, npm, npm-package, open-source, react, react-functional-components, react-hooks, react-library
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/react-super-hooks
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
⚓ React Super Hooks ⚓
This npm package includes a range of custom hooks for React, created to make project development easier and more efficient.
## 🛠️ Installation guide
```bash
npm i react-super-hooks
```
## ✅ Available Hooks
- [useFetch](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usefetch): Manages data fetching within components
- [usePrevious](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#useprevious): Tracks the previous value of a state
- [useToggle](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usetoggle): Handles boolean state toggling in components
- [useForm](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#useform): Simplifies form state management
- [useHover](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usehover): Detects whether an element is being hovered over
- [useUpdateEffect](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#useupdateeffect): Executes an effect only after the first render
- [useOnClickOutside](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#useonclickoutside): Detects clicks that occur outside a specified element
- [useDebounce](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usedebounce): Delays the update of a value until after a specified delay
- [useScript](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usescript): Dynamically loads and manages external scripts
- [useLocalStorage & useSessionStorage](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#uselocalstorage--usesessionstorage): Facilitates interaction with browser storage mechanisms such as localStorage and sessionStorage
- [useWindowSize](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs#usewindowsize): Tracks the dimensions of the browser window
## ✨ Features
- **TypeScript Support**: Comprehensive TypeScript support ensures type safety and enhances the development experience.
- **Lightweight**: Minimal footprint to ensure application remains fast and efficient.
- **Easy Integration**: Simple and intuitive API for quick integration into your existing projects.
- **SSR Compatibility**: Compatible with server-side rendering (SSR) for seamless integration into server-rendered applications.
- **ESLint and Prettier Integration**: Built-in support for ESLint and Prettier to maintain code quality and consistency.
- **Well-Written Documentation**: Detailed documentation to simplify usage and implementation.
## 🚀 Usage
To use these custom hooks, import them by name from the library. Here is a quick example of how to use this package in your project:
```typescript
import { useFetch, usePrevious, useToggle } from "react-super-hooks";
```
## 💻 Demo
Check out the live demo here: [CodeSandbox](https://codesandbox.io/p/sandbox/github/ishantrivedi25/react-super-hooks-demo/tree/master/)
Check out the repository for the demo here: [Github](https://github.com/ishantrivedi25/react-super-hooks-demo)
## 📄 Documentation
For documentation, examples and other details please refer [Documentation](https://github.com/ishantrivedi25/react-super-hooks/tree/master/docs)
## 🌐 License
This project is open-source and licensed under the [MIT License](LICENSE).
## 🤝 Contributions
We encourage your contributions! If you have suggestions, enhancements, or bug fixes, please open an issue or submit a pull request.
## ✍🏻 Creator
[Ishan Trivedi](https://ishantrivedi25.github.io/)