Live data from Hacker News

Show HN: Antd – A set of high-quality React components

ant.design

11–20 of 107 posts

Re: Show HN: Antd – A set of high-quality React components

#11
These components look and work great, but unfortunately are a real headache to retheme unless you want to pull in a sass/less toolchain in addition to what you're currently using. This is a pain in the ass if you already have your theme variables set up in one compiles-to-CSS language.

There is a standard for CSS variables and a very functional subset of their functionality can be compiled for older browsers at build time: http://cssnext.io, yet as far as I can tell, all of these component frameworks impose some other nonstandard compiles-to-CSS language or one of many possible APIs for writing inline styles.

Inline styles seem to be a trend at the moment but I can only assume the people driving this movement haven't had the experience of working with 3rd party components (which you may or may not have the source for) and needing to alter something the designers didn't expose and simply having no simple options because the damn inline style can't be overridden even by !important. Now you've got to fork whole the f'ing component, possibly multiple, each of which potentially coming with yet another different compiles-to-CSS toolchain all because you wanted to add a single line of CSS.

Admittedly, antd doesn't use inline styles si the above doesn't apply here, but having to maintain a custom builder for antd in order to change some fonts and a few colors was a frustrating experience. Not sure what a good solution is until CSS variables get more browser adoption, but it'd be great if we could collectively start standardizing on standards.

Re: Show HN: Antd – A set of high-quality React components

#13

What's the filesize for this?

The minified version is about 1MB, see https://unpkg.com/antd@2.5.0/dist/ .

But you can import component individually by using this babel plugin https://github.com/ant-design/babel-plugin-import, see https://ant.design/docs/react/getting-started#Import-on-Dema...

Re: Show HN: Antd – A set of high-quality React components

#14

Large library, I particularly liked the @mention component, first time i see a library providing that.

There was react wyswyg editor with this function couple of weeks ago here at HN. Was looking for it too. (https://github.com/jpuri/react-draft-wysiwyg https://jpuri.github.io/react-draft-wysiwyg/#/demo?_k=fws8cj - look for editor with mentions)

Re: Show HN: Antd – A set of high-quality React components

#15
post #12

I was wondering if someone who is good at JS can compare this to BluePrint[1]? [1] https://github.com/palantir/blueprint

BluePrint is a great UI toolkit. Ant Design is not only a UI toolkit, it's a design guideline which likes Material[1] and antd[2] it a official implement of Ant Design.

[1]https://material.google.com [2]https://www.npmjs.com/package/antd

Re: Show HN: Antd – A set of high-quality React components

#18
post #12

I was wondering if someone who is good at JS can compare this to BluePrint[1]? [1] https://github.com/palantir/blueprint

BluePrint is a joke compare to this. Palantir can't create a landing page without crashing my browser.

I believe they fixed that. However, either way, I appreciate the contribution of Palantir. Really do not think it is good to ridicule the company for open sourcing their tech.
Post reply on HN