Live data from Hacker News

React Aria: A headless UI component library

react-spectrum.adobe.com

21–30 of 73 posts

Re: React Aria: A headless UI component library

#21

The never ending battle between customizability and uniqueness. If there were a standard library (adopted by all browsers) similar to the default look of iOS and Android apps, but in return you couldn't customize the look, would y'all go with that?

I hope its appreciated. My mum used a Windows laptop and the apps were like a toystore. I got her a Macbook and the same apps looked uniform and they obeyed the accessibility settings perfectly.

Re: React Aria: A headless UI component library

#22
post #16
post #2

can someone explain in layman terms what is headless UI?

It's not a thing, this is just a term made up on the spot by the author of this article to describe a component library that has no built-in style. "What does it even do then" you ask. It implements basic accessibility patterns so you only deal with high level UI elements and not have to worry about having the correct `role-` or `aria-` attributes. That and composite elements such as tabs or modals Why no style? Most…

HeadlessUI[1] has been around for over a year, it's not a term this author made up

[1] https://headlessui.dev/

Re: React Aria: A headless UI component library

#25

Isn't the point of an UI to have an ... UI after all? The only ones that I can see being headless here are customers buying in to headless UIs, headless CMSs quackery.

Not at all, accessibility is important.

Try building a fully accessible dropdown from scratch in React? This is what these libraries solve.

An example from Radix UI: https://youtu.be/pcMYcjtWwVI

Re: React Aria: A headless UI component library

#29
post #14
post #10

Earlier quoted context omitted.

From the developer perspective, I can certainly relate. From the user perspective, yet another widget with subtly different behaviour is very annoying. I'd much rather you add drag and drop handling to the existing widget so that everyone benefits and UIs remain consistent.

Yeah I get this argument for native apps, but does it really make sense in the context of a React app? If I'm combining components from different authors, what's more important to the user is consistency between components in my application, not consistency for an individual component across different unrelated sites.

In the age of SPAs and Electron, can we really distinguish between "React apps" and "native apps"? The user doesn't care about the technical details - they just want a consistent UI throughout their computing experience.

Hell, back in the 2000s, even web apps used native widgets, and we shamed websites that implemented their own UIs in Flash because they were bloated and inaccessible. Now we do it in Javascript and it's considered okay, even though all the same objections apply. And with Electron apps we've managed to combine all the worst aspects of web apps and native apps - they're slow, non-native and not cross-platform, and don't have text search, and still have to be installed.

Post reply on HN