ideas

ideas copied to clipboard

useWindowMousePosition

7

- https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent ```js useWindowMousePosition() // { x: number, y: number } ```

jamiebuilds

useIdle

1

Check if user is idle. ```js import useIdle from "@rehooks/idleMonitor" function MyComponent() { const [isIdle, resume, pause] = useIdleMonitor(); return ( {isIdle && you are idle} Pause idle monitor Resume...

msuntharesan

``` const useConfirm = text => { const [did, setDid] = useState(false) const [show, setShow] = useState(false) useEffect(() => { if (show) { setDid(confirm(show)) setShow(false) } }, [show]); return [did,...

ezekielchentnik

A simple hook to get position of a element ``` function App() { let ref = useRef(null); let { left, top } = usePosition(ref); return ( Hello Hooks: {JSON.stringify({left, top})}...

tranbathanhtung

useCallbag

1

``` import subscribe from 'callbag-subscribe'; import { useEffect, useState } from 'react'; export default function useCallbag(factory) { const [state, setState] = useState(); useEffect(() => subscribe(setState)(factory()), []); return state; } ```

ezekielchentnik

A hook to display a countdown from a given time in the future. ```jsx function MyComponent() { const {days, hours, minutes, seconds} = useCountdown(() => Date.now() + 99999999); return (...

jackkav

useSocket

4

I'll be working on this in this repo https://github.com/juancuiule/socket using socket.io to emit/receive events

juancuiule

useLanguage

3

https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language ```js const language = useLanguage(); ```

torifat

While working on `useClipboard`, I realized a simple `usePaste` might be useful too. https://developer.mozilla.org/en-US/docs/Web/Events/paste ``` const content = useClipboard(dataType = 'text', root = 'document'); ```

torifat

useStore

3

Using `useReducer` to create a global state object, store in Context and accessed with `useContext`: ```jsx const MyContext = createContext(); function MyProvider(props) { let [state, dispatch] = useGlobalState(); return (...

thchia