[{"data":1,"prerenderedAt":214},["ShallowReactive",2],{"project-8268927":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":27,"sentiment":28,"stance_mix":29,"scored_comments":33,"aspects":34,"strip":43,"post_text":45,"what":46,"said":77,"maker_in_thread":133,"shape":142,"grid":145,"attempts":176,"same_week":177,"maker_shows":36,"maker_hidden":206,"reader_version":207,"card":208},"8268927","t3tr0s-slides","Interactive guide to Tetris in ClojureScript","title","Show HN: Interactive guide to Tetris in ClojureScript","http:\u002F\u002Fshaunlebron.com\u002Ft3tr0s-slides","shaunlebron.com","undershirt",1409845718,2014,157,15,158,2272,7,"notable","learning_science","interactive tutorial","web_app",[24,25,21,26],"clojurescript","tetris","react","debated",0.333,{"positive":30,"neutral":31,"mixed":31,"critical":32},8,0,4,12,{"idea":35,"docs":37,"design":38,"performance":40,"execution":42},{"positive":36,"critical":31},2,{"positive":36,"critical":31},{"positive":31,"critical":39},3,{"positive":31,"critical":41},1,{"positive":41,"critical":31},[44,31,44,44,41,41,41,44,44,44,41,31,31,44,44],5,null,{"problem":47,"audience":55,"pricing":45,"motivation":45,"time_to_build":45,"stack":67,"openness":75,"stage":76,"team_size":76},{"value":48,"source":49,"evidence":50},"Shows how to plan and build a Tetris game step by step","inferred",[51],{"id":52,"by":53,"text":54},"8270167","mrcwinn","Even aside from the specifics of ClojureScript, this is just a wonderful example of separating and planning for the requirements of an application. How is a piece defined and…",{"value":56,"source":57,"evidence":58},"Clojure and ClojureScript learners","commenter",[59,63],{"id":60,"by":61,"text":62},"8269015","tgriesser","Resources like this are exactly what I've been searching for while learning clojure(script). Really great work.",{"id":64,"by":65,"text":66},"8269484","arms","Wow - perfect timing. My copy of Clojure Programming should be delivered tomorrow, and this looks like a nice way to complement my learning. Plus, I love Tetris :)",[68],{"value":69,"source":70,"evidence":71},"React.js","maker",[72],{"id":73,"by":11,"text":74},"8271966","Thanks for bringing this up, I noticed that too. I think I might be handling React.js keys incorrectly, causing the DOM-diffing to perform poorly for number-highlighting. Haven't…","open_source","unknown",{"praise":78,"objections":103,"requests":126,"questions":127,"alternatives":132},[79,91,96],{"value":80,"source":57,"evidence":81},"Great example of planning requirements and open source",[82,83,87],{"id":52,"by":53,"text":54},{"id":84,"by":85,"text":86},"8269550","ibdknox","This is a great example of the magic of open source. He took a project I haven't touched in almost 3 years and made something wonderful out of it. That may very well have never…",{"id":88,"by":89,"text":90},"8269668","arsenerei","Fantastic work. As 'ibdknox said, a wonderful display of open source and ingenuity. Here the links to Shaun's work. slides: https:\u002F\u002Fgithub.com\u002Fshaunlebron\u002Ft3tr0s-slides game:…",{"value":92,"source":57,"evidence":93},"Useful for learning Clojure(Script)",[94,95],{"id":60,"by":61,"text":62},{"id":64,"by":65,"text":66},{"value":97,"source":57,"evidence":98},"Interactive development shown well",[99],{"id":100,"by":101,"text":102},"8269894","adrianm","Color me impressed with this. Kudos to the author! It's a fantastic example of not only how to progress through concept to implementation with a game, but how interactive…",[104,119],{"value":105,"source":57,"evidence":106},"Bottom of slides cut off at default zoom on some laptops",[107,111,115],{"id":108,"by":109,"text":110},"8269634","kcorbitt","Just an FYI in case the creator is here: on my 13\" Macbook Pro the bottom of the slides are cut off at the default zoom level. I had to decrease the size to 75% to see the whole…",{"id":112,"by":113,"text":114},"8271303","NoodleIncident","Same on my 15\" whatever. Zooming out makes everything fine, allowing scrolling would, too.",{"id":116,"by":117,"text":118},"8272194","roryokane","Same for me on my 1080p external display on a Mac. To clarify, the part that is cut off is the code inside the black rectangle, not the black rectangle itself. The problem is…",{"value":120,"source":57,"evidence":121},"Lag when hovering over highlighted rows in Chrome 37",[122],{"id":123,"by":124,"text":125},"8271412","tl","Cool presentation, but I have a question: go to slide #1, mouse over the top row, move your mouse along the element to the bottom row. There is noticeable lag in Chrome 37 as the…",[],[128],{"value":129,"source":57,"evidence":130},"Is there something in ClojureScript to avoid for performance here?",[131],{"id":123,"by":124,"text":125},[],{"comments":39,"answered":36,"key":134},[135,138,139],{"id":136,"text":137},"8270025","Thanks, Chris. I hope github attains longevity for reasons like this.",{"id":73,"text":74},{"id":140,"text":141},"8281340","I used advanced optimizations, and the problem went away.",{"commenters":143,"max_depth":36,"maker_replies":39,"first_comment_mins":15,"lifespan_hours":144},13,71,[146,148,150,152,154,156,157,158,159,161,165,168,170,171,173],[84,31,44,147,85,31],"maker\u002Fpositive\u002Fidea",[136,31,31,149,11,41],"commenter\u002Fneutral\u002Fnone",[52,41,44,151,53,31],"project\u002Fpositive\u002Fidea",[60,36,44,153,61,31],"project\u002Fpositive\u002Fdocs",[108,39,41,155,109,31],"project\u002Fcritical\u002Fdesign",[112,39,41,155,113,31],[116,39,41,155,117,31],[64,32,44,153,65,31],[88,44,44,160,89,31],"project\u002Fpositive\u002Fnone",[162,44,44,163,164,31],"8270430","maker\u002Fpositive\u002Fnone","angersock",[123,166,41,167,124,31],6,"project\u002Fcritical\u002Fperformance",[73,166,31,169,11,41],"project\u002Fneutral\u002Fperformance",[140,166,31,169,11,41],[100,18,44,172,101,31],"project\u002Fpositive\u002Fexecution",[174,30,44,160,175,31],"8269391","robertfw",[],[178,183,188,192,197,201],{"id":179,"name":180,"points":181,"category":182},"8270951","Famous Outfits",358,"consumer_social",{"id":184,"name":185,"points":186,"category":187},"8284785","CloudTunes",307,"productivity",{"id":189,"name":190,"points":191,"category":187},"8284616","Creddle",225,{"id":193,"name":194,"points":195,"category":196},"8299511","What's the Fare",181,"web_saas",{"id":198,"name":199,"points":200,"category":182},"8267675","Bootstrappers.io",161,{"id":202,"name":203,"points":204,"category":205},"8294170","Thumbor",113,"infrastructure",false,"v2",{"id":209,"name":5,"line":6,"ai":206,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":210,"top":18,"kw":211,"maker":11,"domain":10,"tier":19,"attempts":31,"strip":212,"url":9,"mix":213,"praise":80,"objection":105,"sub":21},8268927,0.33,[24,25,21,26],"505511155510055",[30,31,31,32],1794036522313]