[{"data":1,"prerenderedAt":341},["ShallowReactive",2],{"project-15264053":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":44,"post_text":46,"what":47,"said":74,"maker_in_thread":182,"shape":192,"grid":197,"attempts":301,"same_week":302,"maker_shows":194,"maker_hidden":333,"reader_version":334,"card":335},"15264053","Hyperapp","1 KB JavaScript framework for building front-end applications","title","Show HN: 1 KB JavaScript framework for building front-end applications","https:\u002F\u002Fgithub.com\u002F\u002Fhyperapp\u002Fhyperapp","github.com","jbucaran",1505559750,2017,216,42,142,2242,7,"notable","languages","frontend javascript framework","library",[24,25,26,27,28],"javascript framework","front-end","virtual dom","elm architecture","flux","mixed",0.065,{"positive":32,"neutral":18,"mixed":33,"critical":34},8,1,5,21,{"idea":37,"design":39,"performance":42,"docs":43},{"positive":38,"critical":33},0,{"positive":40,"critical":41},2,4,{"positive":40,"critical":38},{"positive":40,"critical":38},[45,38,34,38,45,38,38,45,38,34,34,38,38,38,38,38,38,38,33,33,45,38,34,33,33,38,38,45,34,38,34,38,38,38,45,38,45,38,45,34],3,null,{"problem":48,"audience":55,"pricing":46,"motivation":60,"time_to_build":46,"stack":64,"openness":71,"stage":72,"team_size":73},{"value":49,"source":50,"evidence":51},"Building modern front-end apps with few concepts and small code size","maker",[52],{"id":53,"by":11,"text":54},"15265067","Thanks for the comment :) Hyperapp doesn't outperform DIO.js, but that was never the mission I embarked on with this project. You can see it benchmarked…",{"value":56,"source":57,"evidence":58},"Frontend developers wanting a small, simple framework","inferred",[59],{"id":53,"by":11,"text":54},{"value":61,"source":50,"evidence":62},"Minimize concepts to learn and keep the codebase small enough to understand in hours",[63],{"id":53,"by":11,"text":54},[65],{"value":66,"source":50,"evidence":67},"JavaScript",[68],{"id":69,"by":11,"text":70},"15264817","It's called JSX. I used it in the example because it's popular among the JavaScript crowd, popularized by React. That code is not directly consumed by the browser, instead, it's…","open_source","beta","unknown",{"praise":75,"objections":102,"requests":123,"questions":142,"alternatives":165},[76,88,95],{"value":77,"source":78,"evidence":79},"Small size and clear design","commenter",[80,84],{"id":81,"by":82,"text":83},"15265158","maxpert","Thanks for your response, I totally buy the argument of stateful components (believe me I have seen worst of the worst bugs due to these issues), and bringing down time to learn…",{"id":85,"by":86,"text":87},"15265123","hellcow","I started using HyperApp in my company's admin dashboard to render a complex diagram. In my experience over the past few months, HyperApp works very well, the documentation is…",{"value":89,"source":78,"evidence":90},"Performance is good and it works well in production",[91,92],{"id":85,"by":86,"text":87},{"id":93,"by":82,"text":94},"15265028","I am happy after the React fiasco these libraries are finally getting lime light. I have personally used DIO.js (https:\u002F\u002Fdio.js.org), Vue.js and Inferno, but not Hyperapp. So far…",{"value":96,"source":78,"evidence":97},"Functional approach with plain objects and pure functions",[98],{"id":99,"by":100,"text":101},"15265539","okwolf","One thing I like about the Hyperapp approach though is use of plain JavaScript objects and pure functions to build your app. This means that it's possible to only have a…",[103,114,118],{"value":104,"source":78,"evidence":105},"Using JSX-like syntax in the example looked invalid to some readers",[106,110],{"id":107,"by":108,"text":109},"15264794","majewsky","So I'm looking at the example JS snippet and suddenly it embeds HTML in the middle. Can someone who knows current JS explain how this even parses?",{"id":111,"by":112,"text":113},"15264799","wereHamster","It doesn't, that's not valid ES{4,5,6,2016,2017} code.",{"value":115,"source":78,"evidence":116},"Lacks the ecosystem of React",[117],{"id":81,"by":82,"text":83},{"value":119,"source":78,"evidence":120},"Performance trails some alternatives like DIO.js",[121,122],{"id":93,"by":82,"text":94},{"id":53,"by":11,"text":54},[124,135],{"value":125,"source":78,"evidence":126},"Documentation of the code in one page or a tutorial",[127,131],{"id":128,"by":129,"text":130},"15265485","cygned","Would love to see the code documented with docco, like so: http:\u002F\u002Fdak0rn.github.io\u002Fprunk\u002F The whole library would be documented on one page which is a fairly low entry barrier…",{"id":132,"by":133,"text":134},"15265535","kenOfYugen","I like this approach a lot, especially as implemented in [1]. Perhaps a tutorial, or some examples can be documented in that style. Hyperapp + hyperscript-helpers[2] is my…",{"value":136,"source":78,"evidence":137},"Comparison write-up of post-React frameworks",[138],{"id":139,"by":140,"text":141},"15265062","tedmiston","I tried Vue.js and thought it was pretty nice. As someone who only dabbles in modern front end in their spare time, it'd be great to see someone with more experience do a good…",[143,151,158],{"value":144,"source":78,"evidence":145},"How does it perform in benchmarks",[146,147],{"id":93,"by":82,"text":94},{"id":148,"by":149,"text":150},"15265113","dianthrow","I honestly love that these libraries keep getting smaller and faster. People have really started to hate these newer libraries, but as long as they are getting better, I'm fine…",{"value":152,"source":78,"evidence":153},"What is keyed DOM updates",[154],{"id":155,"by":156,"text":157},"15265814","styfle","What is keyed DOM updates? Is that the equivalent of React's `key` property? https:\u002F\u002Ffacebook.github.io\u002Freact\u002Fdocs\u002Flists-and-keys.html#keys",{"value":159,"source":78,"evidence":160},"Are there example sites built with it",[161],{"id":162,"by":163,"text":164},"15265276","demoonkevin","Do you have any examples of websites made with Hyperapp?",[166,170,174,178],{"value":167,"source":78,"evidence":168},"React",[169],{"id":53,"by":11,"text":54},{"value":171,"source":78,"evidence":172},"Preact",[173],{"id":53,"by":11,"text":54},{"value":175,"source":78,"evidence":176},"Vue.js",[177],{"id":139,"by":140,"text":141},{"value":179,"source":78,"evidence":180},"DIO.js",[181],{"id":93,"by":82,"text":94},{"comments":183,"answered":45,"key":184},9,[185,188,189],{"id":186,"text":187},"15265382","I like and agree a lot with this definition too. Thanks!",{"id":53,"text":54},{"id":190,"text":191},"15265178","Sorry, I am sure you could use JSX with DIO.js too. To be honest, I wasn't even looking at the JSX. I grabbed it from where I found it. The takeaway is not JSX, but the fact that…",{"commenters":193,"max_depth":194,"maker_replies":183,"first_comment_mins":195,"lifespan_hours":196},24,6,98,25,[198,202,204,206,210,212,214,215,217,219,221,222,225,228,232,235,237,240,242,246,248,249,252,254,257,260,263,265,267,269,271,274,276,278,281,282,286,289,291,294,295,298],[199,38,45,200,201,38],"15265375","project\u002Fneutral\u002Fidea","mishkovski",[186,38,38,203,11,33],"commenter\u002Fpositive\u002Fidea",[99,38,34,205,100,38],"project\u002Fpositive\u002Fdesign",[207,38,38,208,209,38],"15267337","commenter\u002Fneutral\u002Fnone","dang",[93,33,45,211,82,38],"project\u002Fneutral\u002Fperformance",[139,33,38,213,140,38],"other\u002Fneutral\u002Fnone",[53,33,38,211,11,33],[81,33,45,216,82,38],"project\u002Fmixed\u002Fidea",[190,33,38,218,11,33],"commenter\u002Fneutral\u002Fdesign",[148,33,34,220,149,38],"project\u002Fpositive\u002Fperformance",[85,40,34,220,86,38],[223,45,38,213,224,38],"15264380","codegladiator",[226,45,38,208,227,38],"15264591","leonord",[229,45,38,230,231,38],"15264979","other\u002Fneutral\u002Fperformance","hyperpape",[233,45,38,230,234,38],"15265129","diggernet",[236,45,38,230,231,38],"15265319",[238,45,38,213,239,38],"15265396","Spivak",[241,45,38,213,231,38],"15265475",[243,41,33,244,245,38],"15265916","project\u002Fcritical\u002Fidea","sAbakumoff",[107,34,33,247,108,38],"project\u002Fcritical\u002Fdesign",[111,34,33,247,112,38],[250,34,45,251,149,38],"15264807","project\u002Fneutral\u002Fdesign",[69,34,38,253,11,33],"maker\u002Fneutral\u002Fdesign",[255,34,34,256,108,38],"15265632","maker\u002Fpositive\u002Fdesign",[258,34,33,247,259,38],"15265025","ryandvm",[261,34,33,247,262,38],"15265042","enobrev",[264,34,38,213,11,33],"15265190",[266,34,38,213,262,38],"15266943",[128,194,45,268,129,38],"project\u002Fneutral\u002Fdocs",[132,194,34,270,133,38],"project\u002Fpositive\u002Fdocs",[272,194,38,273,11,33],"15265541","maker\u002Fpositive\u002Fdocs",[275,194,34,270,129,38],"15265800",[277,18,38,230,156,38],"15265189",[279,18,38,280,11,33],"15265236","project\u002Fmixed\u002Fperformance",[155,18,38,208,156,38],[283,32,45,284,285,38],"15264860","project\u002Fneutral\u002Fnone","payne92",[287,32,38,288,11,33],"15264874","maker\u002Fneutral\u002Fnone",[290,32,45,288,285,38],"15264985",[292,32,38,293,11,33],"15264998","maker\u002Fneutral\u002Fdocs",[162,183,45,284,163,38],[296,183,34,297,100,38],"15265519","project\u002Fpositive\u002Fnone",[299,183,34,297,300,38],"15269185","lukejacksonn",[],[303,308,313,318,323,328],{"id":304,"name":305,"points":306,"category":307},"15277351","Doogie",264,"dev_tools",{"id":309,"name":310,"points":311,"category":312},"15270799","No Coin",254,"security_privacy",{"id":314,"name":315,"points":316,"category":317},"15290607","Redox Rust OS",232,"infrastructure",{"id":319,"name":320,"points":321,"category":322},"15256215","Nulis",231,"productivity",{"id":324,"name":325,"points":326,"category":327},"15246145","Coinhive",212,"finance_crypto",{"id":329,"name":330,"points":331,"category":332},"15289766","Calcflow",117,"learning_science",false,"v2",{"id":336,"name":5,"line":6,"ai":333,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":337,"top":18,"kw":338,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":339,"url":9,"mix":340,"praise":77,"objection":104,"sub":21},15264053,0.07,[24,25,26,27,28],"3050300305500000001130511003505000303035",[32,18,33,34],1794036558990]