
-
What's particularly wrong with it? Looks like pretty standard React, with some custom hooks imported, and clearly defined props.
If you start at the bottom, with the actual component (https://github.com/ant-design/ant-design/blob/master/compone...), the logic is much clearer. Most of the other consts are just definitions that you pass to the component (see documentation at https://ant.design/components/table#table).
And for the long list of imports and such, any modern IDE can parse those for you and easily jump to the source or the type defs.
If you're complaining about how this looks vs traditional OOP code, etc., that's just a stylistic choice Meta made for React codebases a few years back. It actually does make components pretty easy to maintain over the long term because all the core logic is just in one long, flat file. Lots of vertical scrolling, but predictable outcomes and easily refactored chunks. But third parties typically just have to mimic that style. That's not on Ant, that's just how JS code is currently in fashion...
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
material-ui-docs
⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository: http://github.com/mui/material-ui.
-
shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
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 Floating UI are just much better.
[1]: https://ui.shadcn.com/
-
-
Compared to any major UI library out there. Take QT for example:
https://github.com/qt/qtbase/blob/5d1ded3359ee8bffa33a4b83d5...
That ANT Table is not complex. QT has tons of legacy and supports way more features, yet, code is easier to grasp and maintain. Also, C# and WinForms, if you don't like C++:
https://referencesource.microsoft.com/#System.Windows.Forms/...
-
referencesource
Source from the Microsoft .NET Reference Source that represent a subset of the .NET Framework
Compared to any major UI library out there. Take QT for example:
https://github.com/qt/qtbase/blob/5d1ded3359ee8bffa33a4b83d5...
That ANT Table is not complex. QT has tons of legacy and supports way more features, yet, code is easier to grasp and maintain. Also, C# and WinForms, if you don't like C++:
https://referencesource.microsoft.com/#System.Windows.Forms/...
Related posts
-
33 React Libraries Every React Developer Should Have In Their Arsenal
-
⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps
-
Trying to find some more UI component libraries. I am big fan of Chakra UI but want to try something new. Any suggestions?
-
Remaking an ugly CRM desktop app. What's the best UI Kit to use?
-
What component library is everyone using these days?