Collection of essential SolidJS hooks/composition utilities
npm i -S solidjs-use
# or
yarn add solidjs-use- ✅ = Implemented
- ⏩ = Coming next
- ☠️ = Deprecating soon
| Status | Name | Description |
|---|---|---|
| - | Logical | - |
| ✅ | useAtom | utility for using one variable for get/set Accessors |
| ✅ | useToggle | a boolean switcher with utility functions |
| - | Browser | - |
| ✅ | useEventListener | event listener that unsubscribe on cleanup |
| ✅ | useMedia | track state of a CSS media query |
| ✅ | useMouse | track position of mouse/touch on window |
| ⏩ | usePrefersColor | |
| ⏩ | usePrefersReducedMotion | |
| ⏩ | useUrlSearchParams | |
| ✅ | useWindowSize | track window size (height and width) in pixels |
| ✅ | useWindowScroll | track window scroll position (left, top) |
| - | Storage | - |
| ⏩ | useCookie | |
| ⏩ | useLocalStorage | |
| ⏩ | useSessionStorage | |
| - | Elements | - |
| ⏩ | useElementBounding | |
| ⏩ | useElementEventListener | |
| ⏩ | useElementScroll | |
| ⏩ | useElementSize | |
| ⏩ | useIntersectionObserver | |
| ⏩ | useMutationObserver | |
| - | Network | - |
| ✅ | useNetworkState | tracks state of connection |