[{"data":1,"prerenderedAt":340},["ShallowReactive",2],{"project-10574045":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":28,"sentiment":29,"stance_mix":30,"scored_comments":35,"aspects":36,"strip":43,"post_text":45,"what":46,"said":89,"maker_in_thread":173,"shape":181,"grid":186,"attempts":303,"same_week":304,"maker_shows":39,"maker_hidden":332,"reader_version":333,"card":334},"10574045","react-yearly-calendar","A React.js yearly calendar component","title","Show HN: A React.js yearly calendar component","https:\u002F\u002Fgithub.com\u002FBelkaLab\u002Freact-yearly-calendar","github.com","GiovanniFrigo",1447677440,2015,94,48,263,2565,11,"notable","dev_tools","react ui component","library",[24,25,26,27],"react","yearly calendar","calendar component","javascript","debated",-0.032,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,7,0,4,16,{"idea":37,"performance":40,"design":41,"docs":42},{"positive":38,"critical":39},2,1,{"positive":33,"critical":39},{"positive":39,"critical":39},{"positive":33,"critical":39},[44,33,33,31,39,33,44,33,33,44,33,33,44,33,44,33,44,33,33,39,33,39,31,33,33,33,31,33,39,31,31,33,33,33,33,33,33,33,33,33],3,null,{"problem":47,"audience":57,"pricing":45,"motivation":66,"time_to_build":45,"stack":73,"openness":86,"stage":87,"team_size":88},{"value":48,"source":49,"evidence":50},"Displays a whole year at a glance, e.g. to show periods or availability.","maker",[51,54],{"id":52,"by":11,"text":53},"10574631","It's definitely not common, but sometimes it's useful to have the whole year under your eyes. Basically we needed it for a project where we had to display how an year was…",{"id":55,"by":11,"text":56},"10575023","You definitely won't use this for date selection, but we found it useful to layout the whole year and to review it at a glance. Thanks for your kind words anyway! :)",{"value":58,"source":59,"evidence":60},"React developers needing a year-view calendar.","inferred",[61,65],{"id":62,"by":63,"text":64},"10574641","tangue","I've hardcoded this kind of calendar in a lot of hotel backends (to fill availability) but I suspect they are useful for any season related form.",{"id":55,"by":11,"text":56},{"value":67,"source":49,"evidence":68},"Needed to display how a year was subdivided into periods for a client project; released as a component from agency Belka.",[69,70],{"id":52,"by":11,"text":53},{"id":71,"by":11,"text":72},"10576589","No market research here, TBH! It is a component extracted from a project we did with our agency Belka, but we'd love if people start using it in other projects!",[74,79],{"value":75,"source":49,"evidence":76},"React.js",[77],{"id":78},"post",{"value":80,"source":59,"evidence":81},"JavaScript",[82],{"id":83,"by":84,"text":85},"10575836","guscost","One common optimization is to strategically use shouldComponentUpdate to limit the number of components that render each time the state changes. In this case you could create a…","open_source","launched","company",{"praise":90,"objections":107,"requests":133,"questions":147,"alternatives":155},[91],{"value":92,"source":93,"evidence":94},"Interesting, useful year-at-a-glance layout.","commenter",[95,99,103],{"id":96,"by":97,"text":98},"10574968","alexmuro","imho, this is worth showing as a piece of design. Its an innovative calendar layout and while I don't know if I would use it in time \u002F data selection, in terms of visualizing…",{"id":100,"by":101,"text":102},"10575945","haxeny1","I liked the layout. The main take away for me was the \u003Ctoday> in Red. It may be a trivial feature,but with so many widgets pounding my eye, it was nice to zoom in to todays date.…",{"id":104,"by":105,"text":106},"10574587","HipstaJules","Wow, very useful. I'm going to use it for sure.",[108,119,126],{"value":109,"source":93,"evidence":110},"Clicks take about 100ms due to unoptimized rendering.",[111,115],{"id":112,"by":113,"text":114},"10574812","exizt88","100 ms delay on every click (measured in Chrome's Profiles tab). I'm on a 2013 MBP. Seems a bit too much for making a number bold.",{"id":116,"by":117,"text":118},"10584997","Buetol","Delay is 50ms on my MBP. Here is a profile: http:\u002F\u002Fi.imgur.com\u002Fty11Utl.png With the main bottleneck being here:…",{"value":120,"source":93,"evidence":121},"Not accessible to keyboard users.",[122],{"id":123,"by":124,"text":125},"10578066","PointerReaper","You might consider some people won't be able to use this calendar as-is; it isn't accessible. Consider…",{"value":127,"source":93,"evidence":128},"Too small to be worth a Show HN post.",[129],{"id":130,"by":131,"text":132},"10574943","klkvsk","Is that really worth showing to HN? I mean, I dont want to be rude -- your code is ok, no problem here -- but it's not even a library, it is just a widget in 200 LOC, that…",[134,141],{"value":135,"source":93,"evidence":136},"Option to start the week on Monday.",[137],{"id":138,"by":139,"text":140},"10575670","eterm","I'd like to see an option to move the start of the week (first column and bolded column) to Monday (for those of us who prefer w\u002Fc monday). I'll have a go myself when I get home,…",{"value":142,"source":49,"evidence":143},"Date range period selection feature.",[144],{"id":145,"by":11,"text":146},"10574662","Yeah that's another interesting use case! Maybe I'll add the \"select period\" feature, thanks for the idea!",[148],{"value":149,"source":93,"evidence":150},"How to theme components with isolated styles.",[151],{"id":152,"by":153,"text":154},"10574916","hueking","Sorry for asking this here, but I'm trying wrap my head around React. With the fact that we want to isolate styles for each component, how do we go about theming the components…",[156,163],{"value":157,"source":93,"evidence":158},"GitHub-style d3 contribution calendar.",[159],{"id":160,"by":161,"text":162},"10574464","fphilipe","That's an interesting way of showing a calendar. Is this common practice? I've never seen this before. I think the only yearly calendar I've seen more often lately is the one…",{"value":164,"source":93,"evidence":165},"react-components.com and react.parts component collections.",[166,169],{"id":167,"by":11,"text":168},"10577016","check out http:\u002F\u002Freact-components.com, they have a nice collection there!",{"id":170,"by":171,"text":172},"10578109","theodorton","Also: https:\u002F\u002Freact.parts\u002F",{"comments":174,"answered":34,"key":175},18,[176,177,178],{"id":52,"text":53},{"id":145,"text":146},{"id":179,"text":180},"10574844","Any idea on how one could optimize the rendering function to reduce this lag (which BTW I can barely see on my 2015 MBP)?",{"commenters":182,"max_depth":183,"maker_replies":174,"first_comment_mins":184,"lifespan_hours":185},26,6,92,44,[187,189,193,194,196,198,200,202,206,209,212,215,218,221,224,225,228,229,231,234,235,238,240,244,246,248,252,256,258,262,264,265,267,269,272,273,274,276,277,280,282,284,288,291,294,296,298,300],[160,33,44,188,161,33],"project\u002Fneutral\u002Fidea",[190,33,33,191,192,33],"10574509","commenter\u002Fneutral\u002Fidea","tehno",[52,33,33,188,11,39],[62,33,31,195,63,33],"project\u002Fpositive\u002Fidea",[145,33,33,197,11,39],"maker\u002Fpositive\u002Fidea",[112,39,39,199,113,33],"project\u002Fcritical\u002Fperformance",[179,39,33,201,11,39],"maker\u002Fneutral\u002Fperformance",[203,39,44,204,205,33],"10574950","project\u002Fneutral\u002Fperformance","iandanforth",[207,39,33,208,11,39],"10575005","maker\u002Fneutral\u002Fnone",[210,39,33,211,113,33],"10575221","commenter\u002Fneutral\u002Fperformance",[213,39,33,211,214,33],"10575245","sirrocco",[216,39,44,204,217,33],"10575491","jkkramer",[219,39,33,220,11,39],"10575533","maker\u002Fpositive\u002Fperformance",[222,39,33,223,11,39],"10575672","project\u002Fpositive\u002Fperformance",[83,39,44,204,84,33],[226,39,33,227,11,39],"10576569","maker\u002Fpositive\u002Fnone",[116,39,44,204,117,33],[138,38,44,230,139,33],"project\u002Fneutral\u002Fdesign",[232,38,33,233,11,39],"10575831","maker\u002Fpositive\u002Fdesign",[152,44,44,230,153,33],[236,44,33,237,11,39],"10575294","maker\u002Fneutral\u002Fdesign",[239,44,33,208,11,39],"10575308",[241,44,33,242,243,33],"10575743","commenter\u002Fneutral\u002Fdesign","n0us",[123,34,39,245,124,33],"project\u002Fcritical\u002Fdesign",[247,34,33,233,11,39],"10586718",[249,31,39,250,251,33],"10584026","project\u002Fcritical\u002Fdocs","CharlesMerriam2",[253,183,31,254,255,33],"10574833","project\u002Fpositive\u002Fnone","CharlieTrip",[257,183,33,227,11,39],"10574855",[259,32,33,260,261,33],"10576360","other\u002Fneutral\u002Fidea","dominotw",[167,32,33,263,11,39],"other\u002Fneutral\u002Fnone",[170,32,33,263,171,33],[104,266,31,254,105,33],8,[268,266,33,227,11,39],"10574665",[130,270,39,271,131,33],9,"project\u002Fcritical\u002Fidea",[96,270,31,195,97,33],[55,270,33,197,11,39],[100,270,31,275,101,33],"project\u002Fpositive\u002Fdesign",[71,270,33,227,11,39],[278,270,33,279,105,33],"10574971","commenter\u002Fneutral\u002Fnone",[281,270,33,279,131,33],"10575032",[283,270,33,279,11,39],"10575073",[285,270,33,286,287,33],"10575355","commenter\u002Fpositive\u002Fnone","JoeAltmaier",[289,270,33,279,290,33],"10575094","Bahamut",[292,270,33,279,293,33],"10575339","bmelton",[295,270,33,279,131,33],"10575740",[297,270,33,279,293,33],"10575876",[299,270,33,208,11,39],"10575000",[301,270,33,279,302,33],"10575045","totalrobe",[],[305,309,314,319,323,327],{"id":306,"name":307,"points":308,"category":20},"10570666","Nixar",130,{"id":310,"name":311,"points":312,"category":313},"10581735","Twitch Paints",109,"creative",{"id":315,"name":316,"points":317,"category":318},"10588371","Interviews can be stressful",96,"web_saas",{"id":320,"name":321,"points":322,"category":20},"10571065","ied",86,{"id":324,"name":325,"points":326,"category":20},"10569618","cljs4excel",83,{"id":328,"name":329,"points":330,"category":331},"10555692","TensorFlow",77,"infrastructure",false,"v2",{"id":335,"name":5,"line":6,"ai":332,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":336,"top":18,"kw":337,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":338,"url":9,"mix":339,"praise":92,"objection":109,"sub":21},10574045,-0.03,[24,25,26,27],"3005103003003030300101500050155000000000",[31,32,33,34],1794036537744]