[{"data":1,"prerenderedAt":225},["ShallowReactive",2],{"project-8432211":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":15,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":40,"post_text":42,"what":43,"said":61,"maker_in_thread":122,"shape":131,"grid":136,"attempts":187,"same_week":188,"maker_shows":31,"maker_hidden":217,"reader_version":218,"card":219},"8432211","React-hn","Supports all Hacker News API v0 item types","title","Show HN: React-hn – Supports all Hacker News API v0 item types","https:\u002F\u002Fgithub.com\u002Finsin\u002Freact-hn","github.com","insin",1412861637,2014,69,20,447,2272,"notable","consumer_social","hacker news client","web_app",[23,24,25,26,27],"hacker news","react","firebase","hacker news api","auto-updating","mixed",0.056,{"positive":31,"neutral":31,"mixed":32,"critical":33},3,1,2,9,{"design":36,"performance":38,"docs":39},{"positive":32,"critical":37},0,{"positive":37,"critical":33},{"positive":32,"critical":37},[31,37,32,32,37,37,37,37,37,37,31,31,41,37,31,37,41,37,37,41],5,null,{"problem":42,"audience":42,"pricing":42,"motivation":42,"time_to_build":42,"stack":44,"openness":60,"stage":60,"team_size":60},[45,52,56],{"value":46,"source":47,"evidence":48},"React","maker",[49],{"id":50,"by":11,"text":51},"8434597","This was just the most simple way to get started. I was surprised the result wasn't _completely_ terrible :) Every individual item uses a ReactFireMixin method to register its…",{"value":53,"source":47,"evidence":54},"Firebase",[55],{"id":50,"by":11,"text":51},{"value":57,"source":47,"evidence":58},"ReactFire",[59],{"id":50,"by":11,"text":51},"unknown",{"praise":62,"objections":78,"requests":93,"questions":109,"alternatives":117},[63,71],{"value":64,"source":65,"evidence":66},"Liked the spinner loading state","commenter",[67],{"id":68,"by":69,"text":70},"8436080","baddox","It feels a lot nicer to me with those spinners.",{"value":72,"source":65,"evidence":73},"Enthusiastic reception",[74],{"id":75,"by":76,"text":77},"8436006","me_so_happy","Woooooooohooo!",[79,86],{"value":80,"source":65,"evidence":81},"Initial loading flash of no content followed by iterative item loading",[82],{"id":83,"by":84,"text":85},"8433723","swartkrans","I like it and I very much like react.js, but there's a very bad flash of no content followed by quick iterative loading, a frequent problem with pure JavaScript applications. I…",{"value":87,"source":65,"evidence":88},"Auto-updating needs usability care, such as a 'x new comments' indicator",[89],{"id":90,"by":91,"text":92},"8434025","fudged71","Auto-updating has a lot of potential but also a few usability concerns. You'll find on other auto-updating comment systems that \"x new comments\" is introduced so that you don't…",[94,98,102],{"value":95,"source":65,"evidence":96},"Show 'x new comments' instead of auto-inserting updates",[97],{"id":90,"by":91,"text":92},{"value":99,"source":65,"evidence":100},"Add animations or color to show vote and position changes",[101],{"id":90,"by":91,"text":92},{"value":103,"source":65,"evidence":104},"Pre-render initial HTML on the server",[105],{"id":106,"by":107,"text":108},"8433804","boucher","The issue is more likely the timing of the data arrival than just because render is being called multiple times. It would be pretty easy to fix. I actually have been really…",[110],{"value":111,"source":65,"evidence":112},"Are items fetched in parallel?",[113],{"id":114,"by":115,"text":116},"8433800","danabramov","I agree (although this doesn't really have anything to do with React itself—the app just shouldn't render page until items are loaded—are they fetched in parallel?)",[118],{"value":119,"source":65,"evidence":120},"Official Hacker News site",[121],{"id":83,"by":84,"text":85},{"comments":31,"answered":37,"key":123},[124,127,130],{"id":125,"text":126},"8434339","Hoping to experiment with some of that soon. I implemented \"x new comments\" for Hacker New as a userscript [1]. Thinking of doing something similar by having new comments add…",{"id":128,"text":129},"8435556","I've tried something on the landing page now - it fakes the \u003Col>-numbered items based on the page number while it's waiting for the list of top story ids to load, and displays…",{"id":50,"text":51},{"commenters":132,"max_depth":133,"maker_replies":31,"first_comment_mins":134,"lifespan_hours":135},11,6,222,104,[137,139,141,143,144,146,149,152,155,159,161,165,167,170,172,175,177,179,183,185],[90,37,31,138,91,37],"project\u002Fmixed\u002Fdesign",[125,37,37,140,11,32],"maker\u002Fneutral\u002Fidea",[83,32,32,142,84,37],"project\u002Fcritical\u002Fperformance",[114,32,32,142,115,37],[106,32,37,145,107,37],"commenter\u002Fneutral\u002Fexecution",[147,32,37,148,84,37],"8433849","other\u002Fneutral\u002Fidea",[150,32,37,151,107,37],"8433886","other\u002Fneutral\u002Fexecution",[153,32,37,148,154,37],"8434035","couchand",[156,32,37,157,158,37],"8434804","commenter\u002Fcritical\u002Fexecution","andreypopp",[160,32,37,145,107,37],"8434952",[162,32,31,163,164,37],"8435141","maker\u002Fneutral\u002Fdocs","colinramsay",[166,32,31,163,158,37],"8445269",[168,32,41,169,164,37],"8450762","maker\u002Fpositive\u002Fdocs",[171,32,37,145,84,37],"8435451",[173,32,31,174,69,37],"8434380","project\u002Fneutral\u002Fdesign",[128,32,37,176,11,32],"maker\u002Fneutral\u002Fdesign",[68,32,41,178,69,37],"project\u002Fpositive\u002Fdesign",[180,32,37,181,182,37],"8434542","commenter\u002Fneutral\u002Fperformance","chenglou",[50,32,37,184,11,32],"maker\u002Fneutral\u002Fexecution",[75,33,41,186,76,37],"project\u002Fpositive\u002Fnone",[],[189,194,198,203,208,213],{"id":190,"name":191,"points":192,"category":193},"8449313","Snapception",210,"security_privacy",{"id":195,"name":196,"points":197,"category":19},"8454405","Dating Ring (YC W14)",125,{"id":199,"name":200,"points":201,"category":202},"8448322","Avremu",122,"dev_tools",{"id":204,"name":205,"points":206,"category":207},"8435604","Imgix.js",102,"infrastructure",{"id":209,"name":210,"points":211,"category":212},"8456013","Meadow",80,"web_saas",{"id":214,"name":215,"points":216,"category":202},"8442004","CloudRail",71,false,"v2",{"id":220,"name":5,"line":6,"ai":217,"cat":19,"year":13,"points":14,"comments":15,"rec":28,"s":221,"top":15,"kw":222,"maker":11,"domain":10,"tier":18,"attempts":37,"strip":223,"url":9,"mix":224,"praise":64,"objection":80,"sub":20},8432211,0.06,[23,24,25,26,27],"30110000003350305005",[31,31,32,33],1794036523635]