[{"data":1,"prerenderedAt":205},["ShallowReactive",2],{"project-16784320":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":41,"post_text":42,"what":43,"said":63,"maker_in_thread":121,"shape":130,"grid":134,"attempts":168,"same_week":169,"maker_shows":33,"maker_hidden":198,"reader_version":199,"card":200},"16784320","React Pattern Book","A low maintenance pattern library\u002Fstyle guide","title","Show HN: React Pattern Book – A low maintenance pattern library\u002Fstyle guide","https:\u002F\u002Fspringload.github.io\u002Fpattern-book\u002F#","springload.github.io","holloway",1523155445,2018,114,14,380,2155,18,"notable","dev_tools","style guide generator","library",[24,25,26,27,28],"pattern library","style guide","react","design system","css","roasted",-0.5,{"positive":32,"neutral":33,"mixed":32,"critical":34},0,1,5,6,{"docs":37,"execution":38,"design":40},{"positive":32,"critical":33},{"positive":32,"critical":39},3,{"positive":32,"critical":33},[39,32,33,33,33,32,32,33,32,32,33,32,32,32],null,{"problem":44,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":55,"openness":62,"stage":62,"team_size":62},{"value":45,"source":46,"evidence":47},"Documenting a design system and CSS patterns without heavy maintenance","inferred",[48,52],{"id":49,"by":50,"text":51},"16785312","noway421","So is this a package which builds a page showing a design system based on your existing CSS? Interesting, I think the landing page could explain this better. The demo link above…",{"id":53,"by":11,"text":54},"16836269","Yes, that's right. It requires someone to wrap the HTML in '\u003CBook>' tags but then it can autodetect the CSS Rules applied and display them. I'm working on a new version of the…",[56],{"value":57,"source":58,"evidence":59},"React","maker",[60],{"id":61},"post","unknown",{"praise":64,"objections":74,"requests":109,"questions":115,"alternatives":120},[65,70],{"value":66,"source":67,"evidence":68},"Interesting concept and great work","commenter",[69],{"id":49,"by":50,"text":51},{"value":71,"source":67,"evidence":72},"Demo helps understand the project",[73],{"id":49,"by":50,"text":51},[75,83,98,105],{"value":76,"source":67,"evidence":77},"Landing page and readme hard to understand",[78,79],{"id":49,"by":50,"text":51},{"id":80,"by":81,"text":82},"16785308","Kuraj","Sorry but I have a really hard time understanding what this does from the readme alone",{"value":84,"source":67,"evidence":85},"Demo showed a blank page on Safari and Chrome iOS",[86,90,94],{"id":87,"by":88,"text":89},"16784610","zaidf","Demo link shows a blank page in Safari iPhone (https:\u002F\u002Fspringload.github.io\u002Flic-pattern-library\u002F)",{"id":91,"by":92,"text":93},"16784807","hn_user2","Not just iPhone. Safari on MBP also just a blank page.",{"id":95,"by":96,"text":97},"16786388","mafaneh","Also blank in Chrome on iOS",{"value":99,"source":67,"evidence":100},"Red busy background hard to read on mobile",[101],{"id":102,"by":103,"text":104},"16787007","cryptozeus","Didn't realize book on the top is a demo and you can actually click on it. Just one suggestion, dont try to create tgis red color busy background...u have a good idea here, just…",{"value":106,"source":67,"evidence":107},"Name suggests a physical book",[108],{"id":49,"by":50,"text":51},[110],{"value":111,"source":67,"evidence":112},"Make the demo more prominent and explain the concept better",[113,114],{"id":49,"by":50,"text":51},{"id":102,"by":103,"text":104},[116],{"value":117,"source":67,"evidence":118},"Is this a package that builds a design system page from existing CSS?",[119],{"id":49,"by":50,"text":51},[],{"comments":34,"answered":33,"key":122},[123,124,127],{"id":53,"text":54},{"id":125,"text":126},"16785083","I'll fix this asap",{"id":128,"text":129},"16836263","This should be fixed now (sorry but it took a while to find an iOS device to test on)",{"commenters":131,"max_depth":39,"maker_replies":34,"first_comment_mins":132,"lifespan_hours":133},10,102,148,[135,137,139,141,144,145,147,148,149,151,153,155,160,164],[49,32,39,136,50,32],"project\u002Fneutral\u002Fdocs",[53,32,32,138,11,33],"maker\u002Fneutral\u002Fdocs",[80,33,33,140,81,32],"project\u002Fcritical\u002Fdocs",[87,142,33,143,88,32],2,"project\u002Fcritical\u002Fexecution",[91,142,33,143,92,32],[125,142,32,146,11,33],"maker\u002Fneutral\u002Fexecution",[128,142,32,146,11,33],[95,142,33,143,96,32],[150,142,32,146,11,33],"16836265",[152,142,32,146,11,33],"16836264",[102,39,33,154,103,32],"project\u002Fcritical\u002Fdesign",[156,157,32,158,159,32],"16786157",4,"other\u002Fneutral\u002Fprivacy","uhuru",[161,157,32,162,163,32],"16786708","commenter\u002Fneutral\u002Fnone","superfreek",[165,157,32,166,167,32],"16787632","other\u002Fneutral\u002Fnone","lowtolerance",[],[170,175,180,185,190,194],{"id":171,"name":172,"points":173,"category":174},"16760736","AI Grant",323,"learning_science",{"id":176,"name":177,"points":178,"category":179},"16792638","Wey",277,"productivity",{"id":181,"name":182,"points":183,"category":184},"16812288","bvckup2 disk IO graph tool",207,"infrastructure",{"id":186,"name":187,"points":188,"category":189},"16782658","TerrainVer",198,"creative",{"id":191,"name":192,"points":193,"category":20},"16787836","Phoenix 2.6",183,{"id":195,"name":196,"points":197,"category":20},"16780382","gopro-py-api",131,false,"v2",{"id":201,"name":5,"line":6,"ai":198,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":30,"top":18,"kw":202,"maker":11,"domain":10,"tier":19,"attempts":32,"strip":203,"url":9,"mix":204,"praise":66,"objection":76,"sub":21},16784320,[24,25,26,27,28],"30111001001000",[32,33,32,34],1793990972622]