awesome-react-components VS reakit

Explore a curated list of awesome React components that can save you time and effort.

Very nice. Added to https://github.com/brillout/awesome-react-components.

Here's the awesome list for react libraries: https://github.com/brillout/awesome-react-components

I can’t get my hands on a beautiful UI framework I saw in one Show HN project few months ago. It is not part of https://github.com/brillout/awesome-react-components#ui-frameworks nor https://github.com/enaqx/awesome-react#react-component-libraries. Do you know any nice UI frameworks / component libraries which are not on those lists ?

8-) Npm packages that solve many of your problems when used with React awesome-react-components

https://github.com/brillout/awesome-react-components (Check out some of the complex projects. like data grids, drag and drop and so on)

Here’s a good place to start for components https://github.com/brillout/awesome-react-components

🔍 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.