Live data from Hacker News

Ant Design – the second most popular React UI framework

github.com

51–60 of 67 posts

Re: Ant Design – the second most popular React UI framework

#52
post #3

This has been my goto React UI framework for a number of years now - and has helped me deliver a number of projects, ranging in size from big to small. It’s consistent, well thought out, and both clients and users like it.

Have you ever compared it to other frameworks like MUI or Chakra? What are your thoughts?

I've not evaluated either of those two in the past, no. Neither of them existed last time I looked for decent competitors to Ant Design's library.

Hmm. When I go to the MUI website right now — e.g. https://mui.com/x/react-data-grid/ — and then click the hamburger menu, top-left, the resulting menu just goes nuts, glitching and toggling on and off, non-stop (Safari 17.5, on macOS Monterey). So I am unable to even look at MUI properly currently. So, quite honestly, that's the end of any further evaluation there for now. Arguably: it doesn't bode too well, but maybe they're just having a bad day? (I notice that Ant's website is totally down currently also, which I've not seen in a very long time — perhaps it's had- or they have both had- the HN hug of death?)

— But TBH, based upon what I've just read on their site: MUI isn't really going to be an option for us, because of its commercial licensing.

But their stuff might be worthy of consideration / buying a license, if their stuff totally wowed me — but the bar is set quite high with Ant, which has a lot of components, with a lot of functionality, and is fully open-sourced (and backed by some big companies, and with years of development behind it already). Their table (data grid) looks ok, but a bunch of the features (which Ant has) are commercial-only.

A quick look at Chakra shows that doesn't have a date picker, nor a calendar, and their table is nothing more than a nicely styled basic HTML table — no additional functionality — no sorters, no pagination, no filters, no row selection, no fixed-columns, all of which, and more, Ant's table already has — Granted it can likely be coupled with the likes of TanStack Table to add some of these, but that's just more work when one just wants something that just works straight out-of-the box (and TanStack Table still doesn't cover everything that Ant does).

Ant Design also has a good handful of other quite useful components, that I don't see in Chakra — Chakra seems to have about half the amount of components?

In short, to me, Chakra seems a bit too new / immature — or perhaps simply has a smaller scope? — when compared with the likes of Ant Design's React component library — which, for desktop apps, is certainly much closer to being 'enterprise grade', straight out-of-the-box, with no messing about (e.g. with third-party components, perhaps less well maintained).

It looks promising though — but I've looked at plenty of other UI libraries over the years that looked promising in their early days, but never grew particularly much, so we'll have to wait and see. But right now, it's some way from being usable on much of the stuff that I build.

Cheers for the mentions though, appreciated.

Re: Ant Design – the second most popular React UI framework

#53

Who remembers the christmas easter egg fiasco? https://blog.shunliang.io/frontend/2018/12/25/the-ant-design...

I was on a different timezone on holiday, and I got woken up with some panic/anger calls direct from the CEO that we had been hacked. It took several hours of deep-diving, calling up security, backend, frontend engineers until we realized this behavior was due to the UI library.

The mind boggles, how someone thought this was a good idea.

Re: Ant Design – the second most popular React UI framework

#55

Back in 2018, I worked on projects where we used Ant Design. At the time it was one of the best choices out there for a quick project, as it had all the standard components with a relatively good design out of the box. Since all the easter egg fiasco / css bloat I've avoided using it. These days, there's just much better options such as shadcn/ui [1], chakra [2] or radix [3] which when paired with frameworks such as…

shadcn/ui is pretty terrible unless you already have a an entire design system you're planning on replacing the defaults with anyways.

Radix Themes (not Primitives) has the WorkOS look without awful color choices and the whole "pretending not to be a component library" gimmick https://www.radix-ui.com/

Re: Ant Design – the second most popular React UI framework

#56

Earlier quoted context omitted.

Have you ever compared it to other frameworks like MUI or Chakra? What are your thoughts?

I've not evaluated either of those two in the past, no. Neither of them existed last time I looked for decent competitors to Ant Design's library. Hmm. When I go to the MUI website right now — e.g. https://mui.com/x/react-data-grid/ — and then click the hamburger menu, top-left, the resulting menu just goes nuts, glitching and toggling on and off, non-stop (Safari 17.5, on macOS Monterey). So I am unable to even look…

Thanks for this overview!

I've only ever used MUI, myself, and was curious to know what others thought of similar projects. Sounds like Ant is truly FOSS and more powerful in some ways.

Thank you for sharing.

Re: Ant Design – the second most popular React UI framework

#57

Earlier quoted context omitted.

> plus an increasing number of GPT-generated one-off components :) Sounds interesting, what do you mean by this? Do you have a workflow or process? Is this generating styled reusable components?

Given it's Tailwind + shadcn, I'd be surprised if it's not v0[0]. [0]: https://v0.dev

We’ve used v0 a bit, and it’s getting better(!), but generally just use a custom system prompt that knows our tech stack (Supabase, Next.js, etc.)

Re: Ant Design – the second most popular React UI framework

#58

I've worked as a freelancer on a couple of projects that used Ant Design, and personally I hated it. In one case I was working on a real estate platform, so I had to build a listing search page (similar to Zillow). This means you're rendering lots of little dots on the map, and on hover, each one will open a popover with the listing details. Using Ant Design brought this page to a standstill - massive performance iss…

How were you drawing your maps?

Re: Ant Design – the second most popular React UI framework

#59
post #44

Earlier quoted context omitted.

Was there some reason that Ant inherently require it working that way, as opposed to it being a mistake in the application code?

It's more general to spawn a portal per component because then you can show multiple popovers at a time, like popovers that are always visible or only go away if you click "Close". So it makes sense to start there for the naive solution.

Yeah I suspect it was probably for this reason, but to answer the parent comment, yes it was required in the sense that it's simply how the Ant Design popover component works (or at least that's how it worked in 2021 which is when I did this).

Re: Ant Design – the second most popular React UI framework

#60
post #42

I've worked as a freelancer on a couple of projects that used Ant Design, and personally I hated it. In one case I was working on a real estate platform, so I had to build a listing search page (similar to Zillow). This means you're rendering lots of little dots on the map, and on hover, each one will open a popover with the listing details. Using Ant Design brought this page to a standstill - massive performance iss…

Rendering "too many" components is an issue with most popular React frameworks. But it is also an issue w.r.t. usability. Group elements and use progressive disclosure instead.

Yeah I should have added that I'm not necessarily singling Ant Design out on this one, because I suspect several frameworks probably make similar mistakes.
Post reply on HN