web VS reakit

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

🔍 Site ⭐ GitHub

Typescript is a mistake. Static typing seemed like such a potentially good thing to add to javascript, but the reality is it's a nightmare to work with. If you don't believe me, go to Reakit's github and tell me the complete set of valid options for creating a tooltip.

As a tech lead (or whoever makes the technical decision), it looks very tempting to adopt the open source UI libraries, if possible. In the React.js land, I used a bit of Charkra UI and Reakit.

I'm currently considering React-aria, HeadlessUI, Radix-ui and Reakit for reimplementing the user-interface for a customer, but i find it hard to choose.

I’ve got some libraries I’m looking into to fill the gap. Currently looking at radix, reakit, and react-spectrum.

reakit - Toolkit for building accessible rich web apps with React

Reakit is a lower-level component library for building accessible high-level UI libraries, design systems and applications with React. Reakit is tiny and fast.

1. Reakit

Regardless of what you use for styling though, you should look into so-called headless ui components. These are hooks and components only focused on functionality and accessibility, which you then use to build your own styled components. Some examples are https://reakit.io/, https://www.downshift-js.com/ and https://headlessui.dev/.

For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.