https://github.com/leroyanders/react-hooks
Most useful custom React.js hooks with examples.
https://github.com/leroyanders/react-hooks
es6 hooks javascript react react-hooks reactjs
Last synced: 2 months ago
JSON representation
Most useful custom React.js hooks with examples.
- Host: GitHub
- URL: https://github.com/leroyanders/react-hooks
- Owner: leroyanders
- Created: 2022-08-05T11:00:31.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-08-06T07:54:05.000Z (almost 3 years ago)
- Last Synced: 2025-02-07T13:18:12.339Z (4 months ago)
- Topics: es6, hooks, javascript, react, react-hooks, reactjs
- Language: JavaScript
- Homepage:
- Size: 5.86 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React's most useful hooks
+ [Hooks](#hooks)
- [useArray](#usearray)
- [useBrowserHistory](#usebrowserhistory)
- [useClientOnline](#useclientonline)
- [useClipboard](#useclipboard)
- [useCookieStorage](#usecookiestorage)
- [useEventListener](#useeventlistener)
- [usePrevious](#useprevious)
- [useRenderCount](#userendercount)
- [useLocalStorage](#uselocalstorage)
- [useSessionStorage](#usesessionstorage)
- [useToggle](#usetoggle)
# useArray
```javascript
const [array, setArray] = useArray(defaultValue)
```
# useBrowserHistory
```javascript
const [handleBack, handleForward] = useBrowserHistory(name, isActive, onBack, onForward);
```
# useClientOnline
```javascript
const online = useOnlineStatus() // boolean (true, false)
```
# useClipboard
```javascript
const [copyToClipboard, { success }] = useCopyToClipboard()
```
How to use:
```javascript
copyToClipboard("This was copied")}>
{success ? "Copied" : "Copy Text"}
```
# useCookieStorage
```javascript
const [cookie, setCookie] = useCookie();
```
# useEventListener
```javascript
useEventListener("clieck", e => {
console.log(e.target)
})
```
# usePrevious
```javascript
const previousValue = usePrevious(value)
```
# useRenderCount
```javascript
const count = useRenderCount() // integer
```
# useLocalStorage
```javascript
const [name, setName] = useLocalStorage()
```
# useSessionStorage
```javascript
const [name, setName] = useSessionStorage()
```
# useToggle
```javascript
const [value, toggleValue] = useToggle(false)
```