Minimal React Hooks
Just a simple React Hooks
📦 Installation
yarn add @ashalfarhan/hooks
#or
npm install @ashalfarhan/hooks --save
🔧 Guide
🧲 useToggle
const { open, onToggle, onOpen, onClose, onSwitch } = useToggle();
-
open
boolean
Current state of toggle
Note: Initially false, to change the initial state pass
true
to theuseToggle
parameter -
onToggle
function
Function to toggle the state
-
onClose
function
Function to set the state to
false
-
onOpen
function
Function to set the state to
true
-
onSwitch
function
Function to set the state to the param that passed in
🦺 useSafeUpdate
const [count, setCount] = useState(0)
const safeSetCount = useSafeUpdate(setCount)
Returns
- safeCallback
function
Function/callback that is safe when you call if your component accidently unmounted.
🦥 useDebouncedValue
const [searchQuery, setSearchQuery] = useState("")
const debouncedSearchQuery = useDebouncedValue(searchQuery)
Returns
- debouncedValue
T
Value that lazily update based on delay argument, default to
200
(in ms)
👈 usePreviousValue
const prevCount = usePrevious(count)
Returns
- previousValue
T
The prevous value of every render, possibly undefined at first