React Customs

A collection of essential React hooks built with JavaScript.

Compatible with React v18.0.0+

Installation

npm install react-customs

or

npm i react-customs

Hooks and Documentation

For documentation, please visit the GitBook URL

Hook	Description	Example
useCopyToClipboard	Simplify copying text to the clipboard.	Example
useCounter	Manage a counter with step, min, and max values.	Example
useDebounce	Delay updates to a value.	Example
useDefault	Ensure a state always has a default value.	Example
useDocumentTitle	Dynamically update the title of a webpage.	Example
useFavicon	Easily update the favicon of your webpage.	Example
useLockScroll	Lock and unlock scrolling on the page.	Example
useOnline	Track the user's online/offline status.	Example
usePrevious	Track the previous and current state values.	Example
useQueue	Managing a queue data structure with a max size.	Example
useStack	Managing a stack data structure with a max size.	Example
useTabAway	Number of times a user navigates away from a tab.	Example
useTheme	Manage and toggle between light and dark themes.	Example
useWindowSize	Track the dimensions of the browser window.	Example

Quick Example

import { useDocumentTitle } from "react-customs";

function App() {
  useDocumentTitle("Hello world!");

  return <h1>No so happy hacking!</h1>;
}

export default App;

Contributing

We welcome contributions! Please read our Contribution Guide before submitting any pull requests.

Contact

For any questions or feedback, please contact:

Email: [email protected]

Happy hacking!