News for hackers. Stuff that matters.
Re:Chakra UI – Modular and accessible UI components for Reac... by crubier on Sunday June 14, 2020 @06:20AM (#23516517)
I don’t know, did you try to customize both? I did and I can tell you there is a massive difference. Have a look at the source code of both if you’d like. Material UI is like a full framework with a ton of specific tooling around it. Chakra is more like a library based on “standard” tools of the ecosystem, and it has a much smaller footprint. Worst case scenario I can just copy the code from chakra to heavily modify it. Don’t try that with material, it will be painful.
Re:Chakra UI – Modular and accessible UI components for Reac... by crubier on Sunday June 14, 2020 @06:54AM (#23516696)
Just as an example, the code for Button in both frameworks:

==========================================

Chakra: 215 lines

https://github.com/chakra-ui/chakra-ui/blob/master/packages/...

Typical comment line in chakra is clear and useful:

"If added, the button will show an icon after the button's label"

==========================================

Material: 415 lines with a lot of boilerplate:

https://github.com/mui-org/material-ui/blob/master/packages/...

Typical comment line in material is redundant and overly specific:

Styles applied to the root element if `size="large"` and `variant="outlined"`