web VS react-use

From what I've been able to tell, that lib is unmaintained and one of the original authors left and created this – https://github.com/react-hookz/web.

A lot of older hook libs "break the rules" of React by doing some weird stuff like silencing useEffects deps array, reading refs in render, etc. We tried to avoid that so useHooks will be future proof.

I re-read relevant documentation many times and am very aware of what purity means. I guess what's throwing me off is that every hook library uses such implementation of usePrevious: * react-hookz * ahooks * rooks

export function useMountEffect(effect: CallableFunction): void { useEffect(() => { effect(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); } ``` Taken from https://github.com/react-hookz/web/blob/master/src/useMountEffect/useMountEffect.ts

react-use is also unmaintained. @react-hooks/web is the new library by one of its former maintainers.

Everything in react-hookz!

If you are looking for a solid library of useful hooks, @react-hookz/web](https://github.com/react-hookz/web) is a good place to start

Everyone are welcome: https://github.com/react-hookz/web

Discover a collection of custom React hooks for supercharging your app's functionality.

How do these compare with the current heavyweight library?

https://github.com/streamich/react-use

What's the benefit over useAsync and friends?

try this one: https://github.com/streamich/react-use/blob/master/docs/useSetState.md

One use case for the useWindowSize hook, which belongs to react-use, is for responsive design. The useWindowSize hook keeps track of the size of the browser window which makes it possible to apply different styles (layouts, displays, etc.) to user interfaces at different sizes. It returns an object containing the current width and height of the window.

Link: https://github.com/streamich/react-use

10-) Sometimes when hooks are not enough for you, you may feel the need to write Custom Hooks. A great Custom Hook List that will make your job easier react-use beautiful-react-hooks

What you are looking for can be achieved a few ways. React-use has global context hook that is pretty handy but I prefer to store the data in my db, then fetch the data into your sidebar component. React-use

React-use is the package that provides many useful react hooks that we can use to build the UI more efficiently. It provides the hooks related sensors, ui, animations, side-effects, lifecycles, state and etc.