[{"data":1,"prerenderedAt":196},["ShallowReactive",2],{"project-16721880":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":40,"post_text":42,"what":43,"said":72,"maker_in_thread":116,"shape":126,"grid":129,"attempts":158,"same_week":159,"maker_shows":35,"maker_hidden":188,"reader_version":189,"card":190},"16721880","Lag Radar","Lag Radar Chrome Extension from Dan Abramov's Beyond React 16 Demo","title","Show HN: Lag Radar Chrome Extension from Dan Abramov's Beyond React 16 Demo","https:\u002F\u002Fgithub.com\u002Fsw-yx\u002Fasync-react-toolbox","github.com","swyx",1522473580,2018,58,13,713,2155,34,"notable","dev_tools","browser performance diagnostics","browser_extension",[24,25,26,27,28],"lag radar","async rendering","browser extension","main thread lockup","requestanimationframe","curious",0.143,{"positive":32,"neutral":33,"mixed":34,"critical":34},1,4,0,5,{"design":37,"docs":38,"idea":39},{"positive":32,"critical":34},{"positive":34,"critical":34},{"positive":34,"critical":34},[34,34,35,34,41,34,41,34,41,34,41,34,34],3,null,{"problem":44,"audience":51,"pricing":42,"motivation":59,"time_to_build":42,"stack":64,"openness":69,"stage":70,"team_size":71},{"value":45,"source":46,"evidence":47},"Visualises screen lock-ups and unresponsive rendering on web pages","maker",[48],{"id":49,"by":11,"text":50},"16725329","Hi HN! I'm Swyx, a React dev who has been really excited by all the async rendering stuff the React team has been putting out recently. The benefits of async rendering are very…",{"value":52,"source":53,"evidence":54},"Web developers, especially React developers working with async rendering","inferred",[55,56],{"id":49,"by":11,"text":50},{"id":57,"by":11,"text":58},"16725964","totally fair question, one I tried to answer in the README. This current version doesn't require react at all, but I dont want to just make a lag radar extension and leave it be.…",{"value":60,"source":46,"evidence":61},"Make async rendering problems visible and build tools for diagnosing them",[62,63],{"id":49,"by":11,"text":50},{"id":57,"by":11,"text":58},[65],{"value":66,"source":46,"evidence":67},"SVG and requestAnimationFrame",[68],{"id":49,"by":11,"text":50},"open_source","launched","solo",{"praise":73,"objections":82,"requests":94,"questions":110,"alternatives":115},[74],{"value":75,"source":76,"evidence":77},"Useful idea for diagnosing lockups and selling async rendering","commenter",[78],{"id":79,"by":80,"text":81},"16726221","huehehue","I like the cheeky z-index val, but I'd use the max supported value if you want this to work with apps that have that cranked way up. And you mentioned building out more tools to…",[83],{"value":84,"source":76,"evidence":85},"Tied to React in name despite not using React",[86,90],{"id":87,"by":88,"text":89},"16725947","ramenmeal","What makes it a \"react\" toolbox? Is it because it is made w\u002F react?",{"id":91,"by":92,"text":93},"16726443","fouc","This could be useful for other vdom libraries, like Mithril. It would be nice if it didn't get tied to react, or the react parts were optional.",[95,102,106],{"value":96,"source":76,"evidence":97},"Firefox support",[98],{"id":99,"by":100,"text":101},"16725476","TheAceOfHearts","It'd be neat if you added Firefox support. Cross browser support for extensions nowadays doesn't require much additional effort, and you get to reach more developers.",{"value":103,"source":76,"evidence":104},"Real diagnostics such as memory use and running tasks when radar goes red",[105],{"id":79,"by":80,"text":81},{"value":107,"source":76,"evidence":108},"Use max z-index value",[109],{"id":79,"by":80,"text":81},[111],{"value":112,"source":76,"evidence":113},"Why is it called a React toolbox if it does not use React",[114],{"id":87,"by":88,"text":89},[],{"comments":117,"answered":32,"key":118},7,[119,120,123],{"id":49,"text":50},{"id":121,"text":122},"16740615","hello based on feedback this toolbox has been renamed to async-RENDER-toolbox and we will no longer focus on React. https:\u002F\u002Fgithub.com\u002Fsw-yx\u002Fasync-render-toolbox…",{"id":124,"text":125},"16734355","i actually dont even know there's a max. I thought you just keep adding 9's. yes absolutely. rather than messing around with css i want actual helpful diagnostics. i'll spend…",{"commenters":117,"max_depth":33,"maker_replies":117,"first_comment_mins":127,"lifespan_hours":128},984,67,[130,132,134,136,138,140,142,146,150,152,153,154,156],[49,34,34,131,11,32],"project\u002Fpositive\u002Fidea",[121,34,34,133,11,32],"project\u002Fneutral\u002Fnone",[79,32,35,135,80,34],"project\u002Fpositive\u002Fdesign",[124,32,34,137,11,32],"project\u002Fneutral\u002Fdesign",[99,139,41,133,100,34],2,[141,139,34,133,11,32],"16725632",[143,139,41,144,145,34],"16725962","maker\u002Fneutral\u002Fdocs","sp332",[147,41,34,148,149,34],"16726835","other\u002Fneutral\u002Fdocs","aytekin",[87,33,41,151,88,34],"project\u002Fneutral\u002Fidea",[57,33,34,151,11,32],[91,33,41,151,92,34],[155,33,34,151,11,32],"16726587",[157,33,34,133,11,32],"16740616",[],[160,164,169,173,178,183],{"id":161,"name":162,"points":163,"category":20},"16754987","zero-width-chrome-extension",385,{"id":165,"name":166,"points":167,"category":168},"16706666","text2mindmap",323,"productivity",{"id":170,"name":171,"points":172,"category":168},"16743030","“Who is hiring",255,{"id":174,"name":175,"points":176,"category":177},"16742492","Alpaca My Bags",238,"consumer_social",{"id":179,"name":180,"points":181,"category":182},"16721831","Auditus",146,"creative",{"id":184,"name":185,"points":186,"category":187},"16719648","ShivyC",120,"languages",false,"v2",{"id":191,"name":5,"line":6,"ai":188,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":192,"top":18,"kw":193,"maker":11,"domain":10,"tier":19,"attempts":34,"strip":194,"url":9,"mix":195,"praise":75,"objection":84,"sub":21},16721880,0.14,[24,25,26,27,28],"0050303030300",[32,33,34,34],1793990972275]