[{"data":1,"prerenderedAt":371},["ShallowReactive",2],{"project-11824203":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":46,"post_text":47,"what":48,"said":86,"maker_in_thread":212,"shape":221,"grid":226,"attempts":334,"same_week":335,"maker_shows":38,"maker_hidden":363,"reader_version":364,"card":365},"11824203","Reactpack","one command to build your React front end","title","Show HN: Reactpack – one command to build your React front end","https:\u002F\u002Fgithub.com\u002Folahol\u002Freactpack","github.com","ola",1464887462,2016,108,45,341,2264,16,"notable","dev_tools","build tool","cli",[24,25,26,21,27],"react","webpack","babel","javascript","mixed",-0.214,{"positive":31,"neutral":32,"mixed":33,"critical":34},5,9,0,11,25,{"idea":37,"docs":40,"design":42,"execution":44,"performance":45},{"positive":38,"critical":39},3,4,{"positive":33,"critical":41},1,{"positive":43,"critical":43},2,{"positive":33,"critical":41},{"positive":33,"critical":43},[41,33,41,41,33,33,33,41,33,38,33,33,41,33,31,31,31,38,41,31,38,41,38,31,38,38,38,41,41,33,33,33,33,33,33,33,41,38,38,41],null,{"problem":49,"audience":47,"pricing":47,"motivation":56,"time_to_build":47,"stack":60,"openness":84,"stage":85,"team_size":85},{"value":50,"source":51,"evidence":52},"Remembering which babel presets and webpack loaders a modern React project needs.","maker",[53],{"id":54,"by":11,"text":55},"11824415","Just a small utility for people who are tired of remembering what babel presets or Webpack loaders they need to build a relatively up to date React project.",{"value":57,"source":51,"evidence":58},"Tired of remembering babel presets and webpack loaders for React builds.",[59],{"id":54,"by":11,"text":55},[61,66,77],{"value":62,"source":63,"evidence":64},"React","inferred",[65],{"id":54,"by":11,"text":55},{"value":25,"source":67,"evidence":68},"commenter",[69,73],{"id":70,"by":71,"text":72},"11825253","tomtau","I wish we had something like this officially backed by the react team. In 30 minutes when a new standard approach comes out, this tool will become obsolete.",{"id":74,"by":75,"text":76},"11826198","timdorr","To be fair, this is just packaging up a fairly standard webpack config with a nice CLI: https:\u002F\u002Fgithub.com\u002Folahol\u002Freactpack\u002Fblob\u002Fmaster\u002Fconfig.js So, it can be extended or…",{"value":78,"source":67,"evidence":79},"Babel",[80],{"id":81,"by":82,"text":83},"11825509","insin","It could just be spinning - Babel 6 presets install _lots_ of duplicated dependencies with npm2. I need to move a similar project from Babel 5 to Babel 6 soon and tried manually…","open_source","unknown",{"praise":87,"objections":110,"requests":144,"questions":163,"alternatives":175},[88,99],{"value":89,"source":67,"evidence":90},"Opinionated, minimal interface that suits newcomers",[91,95],{"id":92,"by":93,"text":94},"11825411","matthewtoast","Nice work! I've been looking for something like this. I hope to see more tools in this vein emerge from the JavaScript ecosystem - tools that aren't afraid to make some…",{"id":96,"by":97,"text":98},"11826254","smrtinsert","Finally, an opinionated build tool.",{"value":100,"source":67,"evidence":101},"Logo and diagram are appealing",[102,106],{"id":103,"by":104,"text":105},"11827387","Untit1ed","That is an amazing logo.",{"id":107,"by":108,"text":109},"11824680","underwires","The diagram here shows a real talent for explaining complex processes in a way that even a two year old could understand.",[111,126,137],{"value":112,"source":67,"evidence":113},"Ships 177 modules and a large install for a hello world",[114,118,122],{"id":115,"by":116,"text":117},"11824471","dakami","was that...like...a hundred megs for a web page?",{"id":119,"by":120,"text":121},"11824687","Zikes","177 modules for a Hello World page? Is this satire?",{"id":123,"by":124,"text":125},"11824861","catpolice","Most of the modules involved are development side resources that don't end up included in the build. Complaining about the number of modules is like installing visual studio,…",{"value":127,"source":67,"evidence":128},"Hard-codes choices like linting style and CSS workflow",[129,133],{"id":130,"by":131,"text":132},"11827883","armandososa","I would love this only for the react stuff. More useful defaults, less opinions. For example: please let me chose my own CSS workflow and please don't force me to write…",{"id":134,"by":135,"text":136},"11828463","lowboy","Semis aside, I take issue with the name and the badge[0], making it seem like _the_ style of writing JS instead of just _a_ style. The contents of the project are fine, but this…",{"value":138,"source":67,"evidence":139},"npm install hangs on old Node and npm versions",[140],{"id":141,"by":142,"text":143},"11825378","zxcvcxz","When I try to install it npm just hangs command: ``` npm i --save-dev reactpack ``` node version: ``` v0.12.6 ``` npm version ``` 2.11.2 ``` uname -a ``` Linux gentoo-1…",[145,156],{"value":146,"source":67,"evidence":147},"Include react-router and redux",[148,152],{"id":149,"by":150,"text":151},"11824971","greenspot","react router missing",{"id":153,"by":154,"text":155},"11825146","tracker1","likewise redux, redux thunks and wireup for router would probably be beneficial as a starting point. Of course at that point, pretty much wandering into starter project territory.",{"value":157,"source":67,"evidence":158},"Add install instructions using npm install",[159],{"id":160,"by":161,"text":162},"11826829","pbreit","Would it kill them to write \"npm install\"?",[164],{"value":165,"source":67,"evidence":166},"Does the install produce a runnable reactpack shell script?",[167,171],{"id":168,"by":169,"text":170},"11825384","kcaptcaer","I'm a bit confused - this didn't actually install a shell script that can be run ?",{"id":172,"by":173,"text":174},"11826687","alanh","It did, `reactpack` - look at the \"scripts\" section of package.json to see it used",[176,183,187,194,201,205],{"value":177,"source":67,"evidence":178},"Official React tooling planned by React team",[179],{"id":180,"by":181,"text":182},"11826603","nilliams","They are specifically working on it according to this React.js Conf talk [0]. There's also rwb from Pete Hunt [1]. EDIT: Removed comment about 'standard'. Ain't so bad anymore…",{"value":184,"source":67,"evidence":185},"rwb by Pete Hunt",[186],{"id":180,"by":181,"text":182},{"value":188,"source":67,"evidence":189},"bates",[190],{"id":191,"by":192,"text":193},"11824860","bahmutov","We use \"bates\" https:\u002F\u002Fgithub.com\u002Fluiscarli\u002Fbates by our own engineer",{"value":195,"source":67,"evidence":196},"reddit node-build",[197],{"id":198,"by":199,"text":200},"11825225","ajacksified","Looks good! We've been working on something similar at reddit, https:\u002F\u002Fgithub.com\u002Freddit\u002Fnode-build, to solve the same issue. It has defaults for react\u002Fes6, and I'm also using it…",{"value":202,"source":67,"evidence":203},"gulp-react-easy",[204],{"id":153,"by":154,"text":155},{"value":206,"source":67,"evidence":207},"standard and semistandard linters",[208],{"id":209,"by":210,"text":211},"11826745","clessg","> the most obnoxious style-guide of all What do you mean? I've heard people say that a couple times but they never really elaborated. Do people love their semicolons that much?…",{"comments":38,"answered":41,"key":213},[214,215,218],{"id":54,"text":55},{"id":216,"text":217},"11824726","Thank you :) I made it in gnome-paint, the shrubbery symbolizes okayish development practices.",{"id":219,"text":220},"11824793","It's just an example to show what type of code `reactpack` builds, ES6 and JSX with style loading in this case. If you want a more minimal React-like build you can switch out…",{"commenters":222,"max_depth":223,"maker_replies":38,"first_comment_mins":224,"lifespan_hours":225},37,6,22,24,[227,229,233,234,235,237,239,242,246,248,251,255,258,261,263,265,267,269,271,272,274,276,277,280,282,284,287,290,292,294,296,299,300,304,306,308,311,314,316,319,320,322,324,326,330],[70,33,41,228,71,33],"project\u002Fcritical\u002Fidea",[230,33,33,231,232,33],"11825377","other\u002Fneutral\u002Fidea","andreasklinger",[74,33,41,228,75,33],[180,33,41,228,181,33],[209,33,33,236,210,33],"commenter\u002Fneutral\u002Fnone",[238,33,33,236,181,33],"11826862",[240,33,33,236,241,33],"11827390","SOLAR_FIELDS",[243,33,41,244,245,33],"11829003","project\u002Fcritical\u002Fnone","Nullabillity",[134,33,33,247,135,33],"other\u002Fneutral\u002Fnone",[249,33,33,247,250,33],"11831627","patates",[252,33,38,253,254,33],"11831525","project\u002Fneutral\u002Fidea","sotojuan",[256,33,33,247,257,33],"11826734","lomnakkus",[259,33,33,247,260,33],"11827388","danneu",[160,33,41,262,161,33],"project\u002Fcritical\u002Fdocs",[54,41,33,264,11,41],"maker\u002Fneutral\u002Fidea",[107,41,31,266,108,33],"maker\u002Fpositive\u002Fdesign",[216,41,33,268,11,41],"maker\u002Fneutral\u002Fnone",[198,41,31,270,199,33],"project\u002Fpositive\u002Fidea",[92,43,31,270,93,33],[191,38,38,273,192,33],"project\u002Fneutral\u002Fnone",[130,39,41,275,131,33],"project\u002Fcritical\u002Fdesign",[96,31,31,270,97,33],[278,223,38,273,279,33],"11831824","RomanPushkin",[149,281,41,275,150,33],7,[153,281,38,283,154,33],"project\u002Fneutral\u002Fdesign",[285,281,33,236,286,33],"11825285","mst",[103,288,31,289,104,33],8,"project\u002Fpositive\u002Fdesign",[168,32,38,291,169,33],"project\u002Fneutral\u002Fexecution",[293,32,38,291,169,33],"11825432",[172,32,38,295,173,33],"project\u002Fneutral\u002Fdocs",[115,297,41,298,116,33],10,"project\u002Fcritical\u002Fperformance",[119,297,41,298,120,33],[301,297,33,302,303,33],"11824707","commenter\u002Fneutral\u002Fperformance","untog",[305,297,33,302,120,33],"11824772",[307,297,33,302,303,33],"11824804",[309,297,33,302,310,33],"11824840","rymate1234",[312,297,33,236,313,33],"11824873","tacone",[219,297,33,315,11,41],"maker\u002Fneutral\u002Fperformance",[317,297,33,318,154,33],"11825192","other\u002Fneutral\u002Fperformance",[123,297,33,302,124,33],[141,34,41,321,142,33],"project\u002Fcritical\u002Fexecution",[323,34,38,295,303,33],"11825490",[81,34,38,325,82,33],"project\u002Fneutral\u002Fperformance",[327,328,33,247,329,33],"11828810",12,"pitaj",[331,332,41,228,333,33],"11827246",13,"wavelattice",[],[336,341,345,350,355,359],{"id":337,"name":338,"points":339,"category":340},"11846108","OneView Calendar",825,"productivity",{"id":342,"name":343,"points":344,"category":20},"11852783","2D field of view demo",333,{"id":346,"name":347,"points":348,"category":349},"11829237","YouTube Stay",295,"consumer_social",{"id":351,"name":352,"points":353,"category":354},"11849398","metrocosm.com",294,"data",{"id":356,"name":357,"points":358,"category":20},"11861926","Mega Boilerplate",268,{"id":360,"name":361,"points":362,"category":20},"11855158","CodeBlimp",113,false,"v2",{"id":366,"name":5,"line":6,"ai":363,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":367,"top":18,"kw":368,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":369,"url":9,"mix":370,"praise":89,"objection":112,"sub":21},11824203,-0.21,[24,25,26,21,27],"1011000103001055531531353331100000001331",[31,32,33,34],1793990943536]