[{"data":1,"prerenderedAt":583},["ShallowReactive",2],{"project-13053137":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":47,"post_text":49,"what":50,"said":92,"maker_in_thread":258,"shape":268,"grid":273,"attempts":546,"same_week":547,"maker_shows":18,"maker_hidden":575,"reader_version":576,"card":577},"13053137","Antd","A set of high-quality React components","title","Show HN: Antd – A set of high-quality React components","https:\u002F\u002Fant.design\u002Fdocs\u002Freact\u002Fintroduce","ant.design","_yesmeck",1480302255,2016,507,104,20,2264,1,"legend","dev_tools","ui component library","library",[24,25,26,27,28],"react components","ui library","design system","antd","react ui kit","debated",-0.024,{"positive":32,"neutral":33,"mixed":34,"critical":32},15,17,4,51,{"idea":37,"performance":39,"design":42,"docs":45,"execution":46},{"positive":18,"critical":38},0,{"positive":40,"critical":41},2,3,{"positive":43,"critical":44},6,9,{"positive":18,"critical":18},{"positive":41,"critical":40},[48,38,38,38,18,18,18,41,34,40,18,48,48,38,41,48,18,41,41,48,48,18,38,48,48,48,48,41,48,41,18,38,38,38,41,38,38,38,38,18],5,null,{"problem":51,"audience":58,"pricing":49,"motivation":49,"time_to_build":49,"stack":70,"openness":90,"stage":90,"team_size":91},{"value":52,"source":53,"evidence":54},"Provides a set of polished React UI components and a design guideline for web apps","maker",[55],{"id":56,"by":11,"text":57},"13053578","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.…",{"value":59,"source":60,"evidence":61},"React developers building web apps","inferred",[62,66],{"id":63,"by":64,"text":65},"13054270","cturhan","Wow! that's very detailed UI kit. You guys thought all the necessary details when building web apps. It will definitely be my next project's UI kit :)",{"id":67,"by":68,"text":69},"13053766","crudbug","I was playing with it, great toolkit. The overall design language is neatly done. Is it possible to convert the remaining site pages [0] into english. Also, the mobile friendly…",[71,83],{"value":72,"source":73,"evidence":74},"Less","commenter",[75,79],{"id":76,"by":77,"text":78},"13053547","secoif","These components look and work great, but unfortunately are a real headache to retheme unless you want to pull in a sass\u002Fless toolchain in addition to what you're currently…",{"id":80,"by":81,"text":82},"13054417","just-boris","Hello! I've been using Antd components for the last year in some my project. All components are also available here[0] as single modules for better reusability and customization.…",{"value":84,"source":73,"evidence":85},"Webpack",[86],{"id":87,"by":88,"text":89},"13055698","brokentone","The actual components seem interesting. The odd part of this seems to be the building\u002Frequiring process. It seems that there are some implicit dependencies on webpack, which are…","unknown","company",{"praise":93,"objections":118,"requests":180,"questions":208,"alternatives":232},[94,107],{"value":95,"source":73,"evidence":96},"Beautiful, detailed components and polished design language",[97,101,102,106],{"id":98,"by":99,"text":100},"13053453","SlyShy","Some really beautiful components like the TreeSelect in there, not trivial to build at all. That said, the first time I loaded the page sure took a long time. Kind of sad to need…",{"id":67,"by":68,"text":69},{"id":103,"by":104,"text":105},"13053931","nodesocket","This is the nicest collection of web UX components I've ever seen (better than bootstrap). All of the look and feel (responsiveness and delays) are just right. Animations are not…",{"id":63,"by":64,"text":65},{"value":108,"source":73,"evidence":109},"Useful in internal apps and saves development time",[110,114],{"id":111,"by":112,"text":113},"13061743","morejs","we use antd component to build our internal applications almost half a year. It improves our efficiency obviously. thanks antd team.",{"id":115,"by":116,"text":117},"13054718","iampherocity","I like it, there have been a couple projects where this would have cut time in half. Some of the controls were hard to navigate on an iPad Pro. Time in particular was hard to…",[119,134,146,161,168],{"value":120,"source":73,"evidence":121},"Slow initial load and heavy bundle size (~1MB minified)",[122,123,127,131],{"id":98,"by":99,"text":100},{"id":124,"by":125,"text":126},"13053958","cocktailpeanuts","I don't want to be that guy, and probably will be downvoted for being negative, but why does everything load so slow? People on this thread are saying it's the network speed…",{"id":128,"by":129,"text":130},"13054413","z3t4","The design is good. It look nice! But it is very heavy compared to native HTML and CSS. It's like taking a space ship, to go visit your neighbor.",{"id":132,"by":11,"text":133},"13053550","The minified version is about 1MB, see https:\u002F\u002Funpkg.com\u002Fantd@2.5.0\u002Fdist\u002F . But you can import component individually by using this babel plugin…",{"value":135,"source":73,"evidence":136},"Hard to theme; requires Less\u002Fwebpack toolchain",[137,141,142],{"id":138,"by":139,"text":140},"13053940","sallar","I tried using these components in Buttercup (our open source password vault https:\u002F\u002Fgithub.com\u002Fbuttercup-pw\u002Fbuttercup), but immediately regretted it. It's impossible to theme,…",{"id":76,"by":77,"text":78},{"id":143,"by":144,"text":145},"13054773","mlsarecmg","It is not a headache to retheme them. It is pretty easy, the easiest i've seen in a UI kit. You have style and classname overrides in place, scoped css classnames and LESS. If…",{"value":147,"source":73,"evidence":148},"Poor mobile and small-window layout",[149,153,157],{"id":150,"by":151,"text":152},"13053645","mikeryan","Man this site is unusable on mobile",{"id":154,"by":155,"text":156},"13054702","dEnigma","The site looks pretty bad in a small browser window: http:\u002F\u002Fi.imgur.com\u002F0xVlHbI.png",{"id":158,"by":159,"text":160},"13056003","anilshanbhag","The site has some really good components. The only stopping me from using it is its not designed with mobile in mind. You don't get bootstrap like classes 'col-md-6 col-sm-12'.…",{"value":162,"source":73,"evidence":163},"Weak keyboard focus styles",[164],{"id":165,"by":166,"text":167},"13054581","chrismorgan","This stuff is horrible to use from the keyboard visually, because outlines have been removed without an adequate replacement. Please fix the styles for :focus et al. Make it all…",{"value":169,"source":73,"evidence":170},"Documentation largely in Chinese and broken links",[171,175,179],{"id":172,"by":173,"text":174},"13055315","ohstopitu","This looks promising! How does this compare to BlueprintJS [0]? While I did like some components from Antd and intend to look into the source, from a basic overview, a lot of the…",{"id":176,"by":177,"text":178},"13053743","fraserharris","@__yesmeck Cool! broken link to https:\u002F\u002Fant.design\u002Fdocs\u002Fpattern\u002Fprinciple on https:\u002F\u002Fant.design\u002Fdocs\u002Fspec\u002Fintroduce",{"id":67,"by":68,"text":69},[181,189,194,201],{"value":182,"source":73,"evidence":183},"Use styled-components or CSS variables for theming",[184,188],{"id":185,"by":186,"text":187},"13053910","mxstbr","Theming is on of the big reasons we saw the need to make styled-components[0] (new lib to style React apps and component libraries) I'm one of the maintainers of ElementalUI, and…",{"id":76,"by":77,"text":78},{"value":190,"source":73,"evidence":191},"Translate docs into English",[192,193],{"id":67,"by":68,"text":69},{"id":172,"by":173,"text":174},{"value":195,"source":73,"evidence":196},"Bootstrap-themed version",[197],{"id":198,"by":199,"text":200},"13053756","bflesch","Great library, and very good to have an alternative to the react date\u002Ftimepicker widgets out there. Is someone already working on a bootstrap-themed version of this?",{"value":202,"source":73,"evidence":203},"React Native version",[204],{"id":205,"by":206,"text":207},"13053786","eklavya","It's so beautiful! Please please make something like this for react native too.",[209,225],{"value":210,"source":73,"evidence":211},"How does it compare to Blueprint, Material-UI or Bootstrap?",[212,216,220,221],{"id":213,"by":214,"text":215},"13053549","electic","I was wondering if someone who is good at JS can compare this to BluePrint[1]? [1] https:\u002F\u002Fgithub.com\u002Fpalantir\u002Fblueprint",{"id":217,"by":218,"text":219},"13053812","jbhatab","How's this compare to material-ui? I like material ui and it looks like you have some nice components, just curious what the x-factor is. Always up to use a new tool!",{"id":172,"by":173,"text":174},{"id":222,"by":223,"text":224},"13057239","misiti3780","Has anyone used these: http:\u002F\u002Fthemes.getbootstrap.com\u002F How does it compare ?",{"value":226,"source":73,"evidence":227},"What is the file size?",[228],{"id":229,"by":230,"text":231},"13053518","Rodeoclash","What's the filesize for this?",[233,238,242,247,254],{"value":234,"source":73,"evidence":235},"Blueprint",[236,237],{"id":213,"by":214,"text":215},{"id":172,"by":173,"text":174},{"value":239,"source":73,"evidence":240},"Material-UI",[241],{"id":217,"by":218,"text":219},{"value":243,"source":73,"evidence":244},"Bootstrap",[245,246],{"id":222,"by":223,"text":224},{"id":198,"by":199,"text":200},{"value":248,"source":73,"evidence":249},"dva",[250],{"id":251,"by":252,"text":253},"13054252","Kiro","Has anyone used this? https:\u002F\u002Fgithub.com\u002Fdvajs\u002Fdva",{"value":255,"source":73,"evidence":256},"styled-components",[257],{"id":185,"by":186,"text":187},{"comments":259,"answered":48,"key":260},8,[261,262,265],{"id":56,"text":57},{"id":263,"text":264},"13053826","antd has more components, about 50+.",{"id":266,"text":267},"13053819","Fixed, thanks!",{"commenters":269,"max_depth":270,"maker_replies":259,"first_comment_mins":271,"lifespan_hours":272},68,7,91,30,[274,278,282,286,290,294,298,302,304,307,310,312,316,319,321,324,328,332,333,336,339,340,343,345,347,351,354,355,358,361,363,365,366,367,369,372,375,378,382,385,389,391,393,396,398,400,401,405,406,408,411,412,414,417,419,420,422,425,427,429,431,435,438,441,443,445,446,450,452,455,458,461,464,466,469,471,476,478,480,482,486,489,491,494,497,498,502,504,506,507,509,511,513,515,518,521,523,525,527,530,532,536,540,544],[275,38,41,276,277,38],"13053507","project\u002Fneutral\u002Fidea","floatrock",[279,38,48,280,281,38],"13053804","project\u002Fpositive\u002Fperformance","yadongwen",[283,38,38,284,285,38],"13054560","other\u002Fneutral\u002Fnone","gustix",[287,38,38,288,289,38],"13054727","other\u002Fpositive\u002Fperformance","kimshibal",[291,38,38,292,293,38],"13054795","other\u002Fneutral\u002Fdocs","victormustar",[295,38,38,296,297,38],"13054832","other\u002Fcritical\u002Fdesign","WA",[299,38,38,300,301,38],"13055527","commenter\u002Fneutral\u002Fperformance","notheguyouthink",[303,38,38,284,297,38],"13055868",[305,38,38,284,306,38],"13054896","nathan_f77",[308,38,38,284,309,38],"13055374","Klathmon",[165,18,18,311,166,38],"project\u002Fcritical\u002Fdesign",[313,18,41,314,315,38],"13054651","maker\u002Fneutral\u002Fdesign","benjy_c",[317,18,18,311,318,38],"13055029","philjohn",[320,18,18,311,166,38],"13055417",[322,18,18,311,323,38],"13056171","christophilus",[325,18,41,326,327,38],"13055598","project\u002Fneutral\u002Fnone","uitgewis",[329,18,38,330,331,38],"13058910","other\u002Fneutral\u002Fdesign","philfreo",[138,40,18,311,139,38],[334,40,38,335,281,38],"13054044","commenter\u002Fneutral\u002Fidea",[337,40,41,338,315,38],"13054380","project\u002Fneutral\u002Fdocs",[251,41,41,326,252,38],[341,41,48,342,315,38],"13054387","project\u002Fpositive\u002Fnone",[344,41,41,338,252,38],"13054476",[98,34,41,346,99,38],"project\u002Fmixed\u002Fperformance",[348,34,41,349,350,38],"13053759","project\u002Fneutral\u002Fperformance","_mg",[352,34,18,353,281,38],"13053818","project\u002Fcritical\u002Fperformance",[154,48,18,311,155,38],[356,48,18,311,357,38],"13055085","js8",[359,48,38,330,360,38],"13055113","fiatjaf",[115,43,41,362,116,38],"project\u002Fmixed\u002Fdesign",[67,270,48,364,68,38],"project\u002Fpositive\u002Fdesign",[63,259,48,364,64,38],[213,44,41,326,214,38],[56,44,38,368,11,18],"maker\u002Fneutral\u002Fidea",[370,44,38,371,289,38],"13053670","other\u002Fcritical\u002Fperformance",[373,44,38,374,214,38],"13053706","commenter\u002Fneutral\u002Fnone",[376,44,38,284,377,38],"13056139","phaed",[379,44,41,380,381,38],"13053815","project\u002Fneutral\u002Fdesign","dczot",[383,44,38,374,384,38],"13054364","TomMarius",[386,44,38,387,388,38],"13054488","commenter\u002Fneutral\u002Fdesign","wwalser",[390,44,48,364,144,38],"13054731",[150,392,18,311,151,38],10,[87,394,18,395,88,38],11,"project\u002Fcritical\u002Fdocs",[158,397,41,362,159,38],12,[217,399,41,326,218,38],13,[263,399,38,326,11,18],[402,403,41,326,404,38],"13054826",14,"Dowwie",[176,32,41,338,177,38],[266,32,38,407,11,18],"maker\u002Fpositive\u002Fdocs",[172,409,41,410,173,38],16,"project\u002Fmixed\u002Fdocs",[103,33,48,364,104,38],[413,33,38,374,11,18],"13054006",[415,416,48,342,289,38],"13053497",18,[198,418,48,364,199,38],19,[128,16,18,353,129,38],[421,16,38,300,144,38],"13054688",[423,16,38,424,129,38],"13055339","commenter\u002Fcritical\u002Fperformance",[426,16,38,300,144,38],"13055640",[428,16,38,284,129,38],"13058251",[222,430,38,284,223,38],21,[432,433,48,364,434,38],"13053538",22,"tschellenbach",[436,433,38,284,437,38],"13053562","vittore",[439,433,38,284,440,38],"13057815","biot",[442,433,48,280,315,38],"13053733",[229,444,41,349,230,38],23,[132,444,38,349,11,18],[447,444,48,448,449,38],"13053914","project\u002Fpositive\u002Fexecution","karmajunkie",[451,444,38,374,315,38],"13054433",[453,444,41,338,454,38],"13054492","dxq613",[205,456,48,457,206,38],24,"project\u002Fpositive\u002Fidea",[459,456,38,460,11,18],"13053838","maker\u002Fneutral\u002Fnone",[462,456,41,276,463,38],"13054391","progx",[465,456,38,276,11,18],"13054462",[467,456,48,468,206,38],"13054489","project\u002Fpositive\u002Fdocs",[111,470,48,448,112,38],25,[472,473,48,474,475,38],"13053437",26,"maker\u002Fpositive\u002Fexecution","jumasheff",[124,477,18,353,125,38],27,[479,477,41,349,388,38],"13054516",[76,481,18,311,77,38],28,[483,481,38,484,485,38],"13053836","commenter\u002Fcritical\u002Fnone","Illniyar",[487,481,38,374,488,38],"13053848","prashnts",[490,481,38,374,485,38],"13053884",[492,481,38,374,493,38],"13053874","griffinmichl",[495,481,38,284,496,38],"13054659","Keats",[185,481,38,330,186,38],[499,481,38,500,501,38],"13054146","other\u002Fneutral\u002Fperformance","Zalastax",[503,481,38,284,186,38],"13054269",[505,481,38,500,501,38],"13054389",[80,481,41,380,81,38],[508,481,38,330,186,38],"13054459",[510,481,38,387,81,38],"13054597",[512,481,38,330,186,38],"13054679",[143,481,38,514,144,38],"commenter\u002Fcritical\u002Fdesign",[516,481,38,330,517,38],"13053986","Lazare",[519,481,38,330,520,38],"13053998","mstijak",[522,481,38,330,68,38],"13054021",[524,481,38,330,186,38],"13054063",[526,481,38,330,520,38],"13054185",[528,481,38,514,529,38],"13054356","sidi",[531,481,38,514,77,38],"13054779",[533,534,38,284,535,38],"13053768",29,"datashovel",[537,272,18,538,539,38],"13053500","project\u002Fcritical\u002Fexecution","aryehof",[541,542,18,538,543,38],"13053423",31,"nathanwindsor",[545,542,38,460,11,18],"13053485",[],[548,552,557,562,567,571],{"id":549,"name":550,"points":551,"category":20},"13031492","CSS Reference",1117,{"id":553,"name":554,"points":555,"category":556},"13030603","Dply",673,"infrastructure",{"id":558,"name":559,"points":560,"category":561},"13056678","React Native Express",496,"learning_science",{"id":563,"name":564,"points":565,"category":566},"13065670","Anycomplete",390,"productivity",{"id":568,"name":569,"points":570,"category":556},"13048334","Migadu",336,{"id":572,"name":573,"points":574,"category":20},"13058445","ICanHazData",257,false,"v2",{"id":578,"name":5,"line":6,"ai":575,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":579,"top":18,"kw":580,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":581,"url":9,"mix":582,"praise":95,"objection":120,"sub":21},13053137,-0.02,[24,25,26,27,28],"5000111342155035133551055553531000300001",[32,33,34,32],1794036550016]