[{"data":1,"prerenderedAt":401},["ShallowReactive",2],{"project-19050509":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":34,"aspects":35,"strip":41,"post_text":43,"what":44,"said":75,"maker_in_thread":147,"shape":158,"grid":162,"attempts":362,"same_week":363,"maker_shows":39,"maker_hidden":393,"reader_version":394,"card":395},"19050509","Learn React","Learn React fundamentals","title","Show HN: Learn React fundamentals","https:\u002F\u002Fgithub.com\u002Ftyroprogrammer\u002Flearn-react-app","github.com","tyroprogrammer",1548980581,2019,509,74,30,2195,2,"legend","learning_science","programming tutorial","web_app",[24,25,26,27],"react","react tutorial","learn react","javascript","mixed",0.364,{"positive":31,"neutral":32,"mixed":33,"critical":18},8,7,0,17,{"docs":36,"execution":38,"design":40},{"positive":37,"critical":33},3,{"positive":33,"critical":39},1,{"positive":33,"critical":39},[33,33,33,42,42,33,33,37,42,33,33,33,33,33,33,33,33,33,33,33,33,33,33,42,42,37,37,37,37,37,39,33,42,33,33,33,33,33,33,33],5,null,{"problem":45,"audience":57,"pricing":43,"motivation":43,"time_to_build":43,"stack":69,"openness":74,"stage":74,"team_size":74},{"value":46,"source":47,"evidence":48},"Learning React fundamentals","commenter",[49,53],{"id":50,"by":51,"text":52},"19052517","pankajk1","Just completed the tutorial. Nice exposition. Most of my work with React so far had been modifying existing programs to make small changes in behavior. The tutorial helped to…",{"id":54,"by":55,"text":56},"19050812","lucasch","Very cool website. I've been trying to learn react lately and this seems like an easy to use approach. Heads up though: The first exercise seems to have lowercase\u002Fuppercase issue…",{"value":58,"source":47,"evidence":59},"People learning React",[60,61,65],{"id":50,"by":51,"text":52},{"id":62,"by":63,"text":64},"19050897","francislavoie","Ooh, perfect timing. I'm switching to a team that uses React rather than Vue (which I have more experience with). This'll definitely come in handy.",{"id":66,"by":67,"text":68},"19051032","jamestimmins","This looks like a lot of fun. I'm currently learning React so I'm excited to dive into this. Thanks for sharing!",[70],{"value":71,"source":47,"evidence":72},"React",[73],{"id":50,"by":51,"text":52},"unknown",{"praise":76,"objections":89,"requests":101,"questions":110,"alternatives":118},[77,85],{"value":78,"source":47,"evidence":79},"Clear, no-hype exposition that helps see the bigger picture",[80,81],{"id":50,"by":51,"text":52},{"id":82,"by":83,"text":84},"19055678","wpmoradi","Most of my work is changing existing react code, this tutorial is great to see a bigger picture. props to you man ;)",{"value":86,"source":47,"evidence":87},"Easy to install and validate exercises",[88],{"id":50,"by":51,"text":52},[90,94],{"value":91,"source":47,"evidence":92},"File name casing mismatch breaks the first exercise",[93],{"id":54,"by":55,"text":56},{"value":95,"source":47,"evidence":96},"Hidden hamburger menu hurts usability",[97],{"id":98,"by":99,"text":100},"19051109","matchbok","Please get rid of the hidden menu + hamburger button. It's horrible, horrible UX. Screens are wide enough to show a menu. Esp for teaching, you want all the options and tools…",[102,106],{"value":103,"source":47,"evidence":104},"Go deeper, e.g. pages on Router and other components",[105],{"id":50,"by":51,"text":52},{"value":107,"source":47,"evidence":108},"Use HMR to reload only the solution component",[109],{"id":50,"by":51,"text":52},[111],{"value":112,"source":47,"evidence":113},"Does it work without Yarn?",[114],{"id":115,"by":116,"text":117},"19052340","philliphaydon","If a project like this uses Yarn? Is it possible to use it without Yarn?",[119,126,133,140],{"value":120,"source":47,"evidence":121},"RealWorld demo app",[122],{"id":123,"by":124,"text":125},"19053364","thegeomaster","One thing I find indispensable when trying to navigate the crazy amount of JavaScript frameworks these days is the RealWorld demo app [1]. It's a spec for an application that is…",{"value":127,"source":47,"evidence":128},"Road to React book",[129],{"id":130,"by":131,"text":132},"19052821","mettamage","My way of how I learned React: 1. Read the book [1] and type every code of his by hand and create a snippet folder. Stop reading this book around two thirds in when he gets too…",{"value":134,"source":47,"evidence":135},"Full Stack React book",[136],{"id":137,"by":138,"text":139},"19051802","victor106","This looks great. One of the best books I learnt React when I was starting out was from https:\u002F\u002Fwww.fullstackreact.com I loved the way they broke down concepts and build one on…",{"value":141,"source":47,"evidence":142},"Reactiflux Discord",[143],{"id":144,"by":145,"text":146},"19051057","acemarke","Folks might also be interested in my suggested list of resources for learning React [0] and my React\u002FRedux links list [1]. Also, come by the Reactiflux chat channels on Discord!…",{"comments":37,"answered":33,"key":148},[149,152,155],{"id":150,"text":151},"19063885","Glad it helped and thanks for the suggestions - will take them into account!",{"id":153,"text":154},"19063870","No problem! Just remember to create PR\u002Fdrop suggestions (if any) after you are done with the tutorial.",{"id":156,"text":157},"19063841","Glad it helped.",{"commenters":159,"max_depth":32,"maker_replies":37,"first_comment_mins":160,"lifespan_hours":161},55,61,279,[163,165,168,171,174,177,180,182,184,185,189,191,192,195,197,200,202,205,208,211,214,216,219,222,224,227,230,232,234,236,238,241,244,247,249,252,255,258,260,263,265,268,270,273,274,275,276,277,280,283,286,290,292,295,297,300,303,307,310,313,317,321,325,330,334,336,339,342,346,349,352,355,358,360],[123,33,33,164,124,33],"other\u002Fneutral\u002Fnone",[166,33,33,164,167,33],"19053911","switch007",[169,33,33,164,170,33],"19054131","azemetre",[172,33,33,164,173,33],"19054238","dentemple",[175,33,33,164,176,33],"19054262","mstade",[178,33,33,164,179,33],"19054519","nickjj",[50,39,42,181,51,33],"project\u002Fpositive\u002Fdocs",[150,39,33,183,11,39],"maker\u002Fneutral\u002Fnone",[130,18,42,181,131,33],[186,18,33,187,188,33],"19054335","commenter\u002Fneutral\u002Fnone","projectramo",[190,18,33,187,131,33],"19062957",[144,37,33,164,145,33],[137,193,42,194,138,33],4,"project\u002Fpositive\u002Fnone",[54,42,39,196,55,33],"project\u002Fcritical\u002Fexecution",[198,42,33,187,199,33],"19050896","secondstring",[62,201,42,194,63,33],6,[203,201,33,164,204,33],"19050914","matuszeg",[206,201,33,187,207,33],"19051103","ggregoire",[209,201,33,164,210,33],"19051193","BigJono",[212,201,33,187,213,33],"19051302","ivanhoe",[215,201,33,187,210,33],"19051443",[217,201,33,187,218,33],"19051927","untog",[220,201,33,187,221,33],"19052273","ng12",[223,201,33,187,213,33],"19053839",[225,201,33,187,226,33],"19051601","burgerboy",[228,201,33,187,229,33],"19051831","pixard",[231,201,33,187,210,33],"19051988",[233,201,33,187,229,33],"19052065",[235,201,33,187,221,33],"19052265",[237,201,33,187,207,33],"19052377",[239,201,33,187,240,33],"19052877","intertextuality",[242,201,33,187,243,33],"19051897","meesterdude",[245,201,33,187,246,33],"19052026","nimonian",[248,201,33,187,246,33],"19052040",[250,201,33,187,251,33],"19052183","_mrmnmly",[253,201,33,187,254,33],"19052575","mlsarecmg",[256,201,33,187,257,33],"19052316","Telichkin",[259,201,33,187,188,33],"19054359",[261,201,33,187,262,33],"19051932","tomglynch",[264,201,33,187,63,33],"19061644",[266,201,33,187,267,33],"19052364","wiennat",[269,201,33,187,254,33],"19052589",[271,201,33,164,272,33],"19054411","AngeloAnolin",[66,32,42,194,67,33],[153,32,33,183,11,39],[82,31,42,181,83,33],[156,31,33,183,11,39],[115,278,37,279,116,33],9,"project\u002Fneutral\u002Fexecution",[281,278,37,279,282,33],"19052366","jbfm",[284,278,37,279,285,33],"19054386","_eric",[287,278,37,288,289,33],"19052367","project\u002Fneutral\u002Fdocs","asutekku",[291,278,37,288,116,33],"19052409",[293,278,37,279,294,33],"19052368","alfonsodev",[296,278,33,187,116,33],"19052412",[298,278,37,279,299,33],"19054164","ndstephens",[98,301,39,302,99,33],10,"project\u002Fcritical\u002Fdesign",[304,301,33,305,306,33],"19051182","commenter\u002Fneutral\u002Fdesign","nonrecursive",[308,301,33,305,309,33],"19052856","tr33house",[311,301,33,187,312,33],"19053027","kkarakk",[314,315,42,194,316,33],"19051917",11,"azmany",[318,319,42,194,320,33],"19056783",12,"chocks",[322,323,33,164,324,33],"19056923",13,"jordache",[326,327,33,328,329,33],"19052053",14,"other\u002Fcritical\u002Fperformance","paul7986",[331,327,33,332,333,33],"19052072","commenter\u002Fneutral\u002Fperformance","making3",[335,327,33,328,329,33],"19052111",[337,327,33,187,338,33],"19052269","ehnto",[340,327,33,332,341,33],"19052270","hobofan",[343,327,33,344,345,33],"19052078","other\u002Fneutral\u002Fperformance","TheChaplain",[347,327,33,344,348,33],"19052188","Kamshak",[350,327,33,351,338,33],"19052224","other\u002Fcritical\u002Fprivacy",[353,327,33,344,354,33],"19052427","nullandvoid",[356,327,33,164,357,33],"19052501","Yuioup",[359,327,33,164,329,33],"19057059",[361,327,33,164,357,33],"19143972",[],[364,369,374,379,383,388],{"id":365,"name":366,"points":367,"category":368},"19051914","GuiLite",355,"languages",{"id":370,"name":371,"points":372,"category":373},"19094818","Startup with no website",288,"security_privacy",{"id":375,"name":376,"points":377,"category":378},"19070114","UltronOS",220,"infrastructure",{"id":380,"name":381,"points":382,"category":368},"19100257","constate",131,{"id":384,"name":385,"points":386,"category":387},"19075490","Linjat",122,"games",{"id":389,"name":390,"points":391,"category":392},"19084050","AskData",111,"data",false,"v2",{"id":396,"name":5,"line":6,"ai":393,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":397,"top":18,"kw":398,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":399,"url":9,"mix":400,"praise":78,"objection":91,"sub":21},19050509,0.36,[24,25,26,27],"0005500350000000000000055333331050000000",[31,32,33,18],1794036574452]