this project was heavily inspired by usehooks.dev and built with the purpose of increasing qwik ecosystem. by: @victorditadi
usePrevious
Track the previous value of a variable with usePrevious.
INSTALL:
npm i @ditadi/qwik-hooks
DESCRIPTION:The usePrevious hook is a useful tool for tracking the previous value of a variable in a functional component. This can be particularly handy in scenarios where it is necessary to compare the current value with the previous one, such as triggering actions or rendering based on changes.
PARAMETERS
| Name | Type | Description |
|---|---|---|
| newValue | Signal<any> | The new value to track and return the previous of. |
RETURN VALUEThe usePrevious hook returns an array with the following elements:
| Name | Type | Description |
|---|---|---|
| previousValue | Signal<any> | The previous value of the provided newValue. |
DEMO:
usePrevious
Example:
MORE HOOKS:
useDebounce
Delay the execution of function or state update with useDebounce.
useLocalStorage
Store, retrieve, and synchronize data from the browser’s localStorage API with useLocalStorage
useCopyClipboard
Copy text to the clipboard using useCopyClipboard.
useWindowSize
Track the dimensions of the browser window with useWindowSize.
usePrevious
Track the previous value of a variable with usePrevious.
useMediaQuery
Subscribe and respond to media query changes with useMediaQuery.
useClickOutside
Detect clicks outside of specific component with useClickOutside.
more to come...
this a new library, more hooks will be added soon.