5 ms·

Finding a good React UX library is tough. None is ideal. Too heavy, too small, too slow, too dirty. Settled on ant.design for a while, not perfect but good eno

Finding a good React UX library is tough. None is ideal. Too heavy, too small, too slow, too dirty. Settled on ant.design for a while, not perfect but good enough.

solidr53 7y ago
Ant.design is actually quite nice. I picked them for my open source project mainly because it's written in TypeScript.
dwaltrip 7y ago
Any other good candidates? This is something I really need to look into soon.
- chrischen 7y ago
  I've found Materia-UI to have the best code quality, most up-to-date. If you don't like Material UI theming it's also easily overridable. Downside of ant-design is that the library is huge (there was a bug recently where the whole icon library was included in the bundle!), some of the components have bugs, style/look is not easily modifiable.
  - topicseed 7y ago
    Love ant-design and currently, you can use tree shaking I believe. It is otherwise a heavy lib for sure. Not great for B2C apps, but for B2B with caching it should be okay if users have decent broadband speeds.
  - dwaltrip 7y ago
    Thanks for the suggestion! I'll take a close look at it.
- wes-k 7y ago
  I work with blueprint and I find it to be pretty incredible. Typescript based, fairly comprehensive, good docs, easy to use.
  - cageface 7y ago
    Blueprint looks nice but last I checked it wasn’t responsive, which nixed it for my current project. Is that still the case?
  - dwaltrip 7y ago
    Looks pretty cool, I'll have to investigate it. Thanks for the suggestion.
rahimnathwani 7y ago
I noticed that Ant Design has support for React Native: https://rn.mobile.ant.design/ https://rn.mobile.ant.design/ But I'm confused. I thought one of the main selling points of React was that you use JS but are actually rendering native components (not lookalike ones). Does Ant Design for RN build on native components for each platform, or are they created from scratch (like Flutter)?
rkuykendall-com 7y ago
We're building a very high-level component library ( EditableCard, FormModal, etc. ) at work with Ant Design and mobx. It helps us build our most common UIs very quickly, with very little lines of code, and improvements in one place are then deployed everywhere (like better error handling). It's still very early / immature but I'd love to hear people's biggest confusions or gripes with it as it exists now: https://mighty-justice.github.io/fields-ant/ https://mighty-justice.github.io/fields-ant/

Finding a good React UX library is tough. None is ideal. Too heavy, too small, too slow, too dirty. Settled on ant.design for a while, not perfect but good enough.

solidr53 7y ago

Ant.design is actually quite nice. I picked them for my open source project mainly because it's written in TypeScript.

dwaltrip 7y ago

Any other good candidates? This is something I really need to look into soon.

chrischen 7y ago
I've found Materia-UI to have the best code quality, most up-to-date. If you don't like Material UI theming it's also easily overridable. Downside of ant-design is that the library is huge (there was a bug recently where the whole icon library was included in the bundle!), some of the components have bugs, style/look is not easily modifiable.
- topicseed 7y ago
  Love ant-design and currently, you can use tree shaking I believe. It is otherwise a heavy lib for sure. Not great for B2C apps, but for B2B with caching it should be okay if users have decent broadband speeds.
- dwaltrip 7y ago
  Thanks for the suggestion! I'll take a close look at it.
wes-k 7y ago
I work with blueprint and I find it to be pretty incredible. Typescript based, fairly comprehensive, good docs, easy to use.
- cageface 7y ago
  Blueprint looks nice but last I checked it wasn’t responsive, which nixed it for my current project. Is that still the case?
- dwaltrip 7y ago
  Looks pretty cool, I'll have to investigate it. Thanks for the suggestion.

rahimnathwani 7y ago

I noticed that Ant Design has support for React Native: https://rn.mobile.ant.design/ https://rn.mobile.ant.design/ But I'm confused. I thought one of the main selling points of React was that you use JS but are actually rendering native components (not lookalike ones). Does Ant Design for RN build on native components for each platform, or are they created from scratch (like Flutter)?

rkuykendall-com 7y ago

We're building a very high-level component library ( EditableCard, FormModal, etc. ) at work with Ant Design and mobx. It helps us build our most common UIs very quickly, with very little lines of code, and improvements in one place are then deployed everywhere (like better error handling). It's still very early / immature but I'd love to hear people's biggest confusions or gripes with it as it exists now: https://mighty-justice.github.io/fields-ant/ https://mighty-justice.github.io/fields-ant/