Hacker News new | ask | show | jobs
by tphan 2241 days ago
I am not a fan of Material UI (and especially the Material UI library for React). It looks kinda gross and it's really difficult to customise.

Also, you've made a very common mistake of setting `outline: none` to your focus states! Very bad for people who navigate using a keyboard.

Good job on launching, by the way.

4 comments

Also, what's up with so many websites being built in a way that makes "open in new tab"/middle click impossible? This problem is exacerbated by the fact that clicking "back", either in the browser or in the webpage, doesn't remember your position in the previous page. Is this due to whatever javascript UI framework was used?
No, it's due to using a custom event handler to trigger page changes, instead of the proper <a> link element.
We have plenty of improvements we want to make to the app. This is only version 1.0

Appreciate it!!

Your app is great don't listen to that guy. Who browses with a keyboard? only him.
People with limited mouse dexterity. People who hate mice. If you don't browse with the keyboard you don't see the focus state move anyway, so leave it on for people who need it.
I think this website is aimed at mobile users?
> Who browses with a keyboard? only him.

Many accessibility systems work by emulating keyboard movements.

I agree with both of you actually, app is great but I don't don't like Material when I see it usually unless it's skinned well enough to not instantly tell it's Material. Something about that default theme...
I have a hard time seeing how "gross" could describe the look of Material UI. Uninspired or unnatractive maybe, but gross?

Also, it's dead-easy to customise - there are a bunch of facilities for doing so, from global to component level, with CSS-in-JS or CSS class overrides. You can make it unrecognizable without that much work.

Just curious: What's your preferred React component library?
Not gp, but I've been wanting to give ChakraUI[1] a try in a non-trivial app.

[1] https://chakra-ui.com/