[{"data":1,"prerenderedAt":376},["ShallowReactive",2],{"project-13056678":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":43,"post_text":45,"what":46,"said":79,"maker_in_thread":205,"shape":215,"grid":218,"attempts":339,"same_week":340,"maker_shows":37,"maker_hidden":368,"reader_version":369,"card":370},"13056678","React Native Express","Learn React Native Through Interactive Examples","title","Show HN: React Native Express – Learn React Native Through Interactive Examples","http:\u002F\u002Fwww.reactnativeexpress.com\u002F","reactnativeexpress.com","dabbott",1480352360,2016,496,53,21,2264,1,"legend","learning_science","interactive tutorial","web_app",[24,25,26,27],"react native","javascript tutorial","react","mobile development","mixed",0.329,{"positive":31,"neutral":32,"mixed":18,"critical":33},13,7,4,25,{"docs":36,"performance":38,"design":40,"execution":41,"idea":42},{"positive":32,"critical":37},3,{"positive":18,"critical":39},0,{"positive":39,"critical":39},{"positive":39,"critical":18},{"positive":39,"critical":39},[37,39,39,39,37,39,37,44,39,44,39,39,37,39,44,44,39,44,37,39,44,39,39,39,44,18,39,18,44,44,37,39,39,39,39,39,18,39,37,44],5,null,{"problem":47,"audience":54,"pricing":45,"motivation":58,"time_to_build":45,"stack":68,"openness":77,"stage":78,"team_size":77},{"value":48,"source":49,"evidence":50},"Learning React Native from scratch","maker",[51],{"id":52,"by":11,"text":53},"13057824","I'd be interested in hearing from people who have learned through this site, but my aim is: One should be able to learn React Native directly through this tutorial, without…",{"value":55,"source":49,"evidence":56},"Developers new to React Native, with ES5 JavaScript knowledge",[57],{"id":52,"by":11,"text":53},{"value":59,"source":60,"evidence":61},"Teaching React Native through the maker's classes","inferred",[62,65],{"id":63,"by":11,"text":64},"13058030","For sure! There was definitely demand to know more about Couchbase Mobile at my class, so I know it's relevant for people using RN.",{"id":66,"by":11,"text":67},"13057786","I honestly haven't tried Couchbase mobile or CloudantSync. I got a few questions about Couchbase when I was teaching my last class on RN, and I've been meaning to try it. It…",[69,73],{"value":70,"source":60,"evidence":71},"JavaScript",[72],{"id":52,"by":11,"text":53},{"value":74,"source":60,"evidence":75},"React Native",[76],{"id":52,"by":11,"text":53},"unknown","launched",{"praise":80,"objections":108,"requests":137,"questions":157,"alternatives":179},[81,93],{"value":82,"source":83,"evidence":84},"Best introduction to learning React Native","commenter",[85,89],{"id":86,"by":87,"text":88},"13056881","brentvatne","This is the best way to get started learning React Native, really amazing work Devin!",{"id":90,"by":91,"text":92},"13056960","hsavit1","Agreed - so far I think it is the best introduction to learning React Native. And I've reviewed a lot of them - see https:\u002F\u002Fgithub.com\u002Fhsavit1\u002FAwesome-React-Native-Education",{"value":94,"source":83,"evidence":95},"Clear, well-structured, interactive examples",[96,100,104],{"id":97,"by":98,"text":99},"13058979","primitivesuave","This is the gold standard for online tutorials - concise explanations, interactive code, and a well-thought-out flow. Really appreciate you taking the time to produce such a high…",{"id":101,"by":102,"text":103},"13057987","jblz","This is really well done. I'm fairly familiar with React & was able to pick this up around Section 3 \"Core Components\" [0] & feel like I could be decently productive with React…",{"id":105,"by":106,"text":107},"13057059","pbrb","The sections with ES6 vs output compiled with babel is amazing. Javascript really has come a long way.",[109,123,130],{"value":110,"source":83,"evidence":111},"Redux and array spread examples had missing or unused code",[112,116,120],{"id":113,"by":114,"text":115},"13057953","danpalmer","Quick feedback: the first code example on http:\u002F\u002Fwww.reactnativeexpress.com\u002Fredux defines the action types in an object, but then never uses the definitions, instead just…",{"id":117,"by":118,"text":119},"13057169","phaed","FYI Array Spread section is missing the example.",{"id":121,"by":118,"text":122},"13057561","Awesome. Going through this as I've been meaning to pick React back up (after previous failed ramp up attempt) and I'm finding it really effective easy to follow. Another fix: In…",{"value":124,"source":83,"evidence":125},"Did not work on IE11",[126],{"id":127,"by":128,"text":129},"13058150","disposablename","Doesn't work at all on IE11\u002FWin7, blank page, errors ``` SCRIPT438: Object doesn't support property or method 'findIndex' File: bundle.js, Line: 2, Column: 26381 ```",{"value":131,"source":83,"evidence":132},"Babel compiled output is verbose and less useful than console output",[133],{"id":134,"by":135,"text":136},"13057124","RubenSandwich","Amazing yes. But I think that on certain sections they should output the console value instead. I'm specific talking about the Array Spread example as the Babel output in that…",[138,146,150],{"value":139,"source":83,"evidence":140},"Show console output alongside code examples",[141,142],{"id":134,"by":135,"text":136},{"id":143,"by":144,"text":145},"13066969","weaksauce","perhaps add the compiled option as a toggle button instead of an always on thing and have the log output be the main attraction.",{"value":147,"source":83,"evidence":148},"Fix IE11 compatibility",[149],{"id":127,"by":128,"text":129},{"value":151,"source":83,"evidence":152},"Add a Couchbase Mobile section",[153],{"id":154,"by":155,"text":156},"13057994","HodGreeley","Hod @ Couchbase. Looks like an excellent tutorial. I understand you have limited time, and this is providing a great resource to the community. I'd ask, if you have the chance,…",[158,165,172],{"value":159,"source":83,"evidence":160},"Is React knowledge needed before React Native?",[161],{"id":162,"by":163,"text":164},"13057792","hackcrafter","Q: Should one get familiar\u002Fexperienced with React[0][1] first before jumping into React Native dev? Or is this tutorial sufficiently stand-alone without React (web) experience?…",{"value":166,"source":83,"evidence":167},"How does React Native compare to PhoneGap?",[168],{"id":169,"by":170,"text":171},"13057984","WhitneyLand","Can anyone give pros\u002Fcons of RN vs Native in a nutshell? I'm already familiar with native coding, but not sure how much better RN is than say PhoneGap.",{"value":173,"source":83,"evidence":174},"Can third-party keyboards be built in React Native?",[175],{"id":176,"by":177,"text":178},"13057144","misiti3780","This looks pretty useful! Question - is it possible to make a third-party keyboard in react native currently (the kind you download an install from the app store)?",[180,188,194,201],{"value":181,"source":83,"evidence":182},"survivejs",[183,184],{"id":162,"by":163,"text":164},{"id":185,"by":186,"text":187},"13058475","drieddust","I tried survivejs but whole complexity and explanations started falling apart when flux and whole concept of provider was introduced. [1]…",{"value":189,"source":83,"evidence":190},"Realm",[191],{"id":192,"by":135,"text":193},"13057145","Small nit pick. Realm does not use the \"underlying SQLite database\" as listed here: http:\u002F\u002Fwww.reactnativeexpress.com\u002Fpersistence. Realm is built from scratch as an append only…",{"value":195,"source":83,"evidence":196},"Couchbase Mobile",[197,198],{"id":154,"by":155,"text":156},{"id":199,"by":163,"text":200},"13057757","How would you compare Realm vs Couchbase Mobile in terms of a syncing mobile store? Maybe a more fair comparison is to IBM's CloudantSync[0] which is the managed service version…",{"value":202,"source":83,"evidence":203},"PhoneGap",[204],{"id":169,"by":170,"text":171},{"comments":206,"answered":33,"key":207},14,[208,209,212],{"id":52,"text":53},{"id":210,"text":211},"13058500","The \"React\" part is the same regardless of web or native. But there are a lot of other concerns for web (css, DOM stuff, and integrating libraries that use those two). Ideally…",{"id":213,"text":214},"13056894","Thanks Brent! Means a lot coming from a core contributor \u002F mr. exponent :)",{"commenters":216,"max_depth":44,"maker_replies":206,"first_comment_mins":216,"lifespan_hours":217},27,47,[219,221,222,225,226,229,232,234,236,238,240,242,243,244,246,247,249,251,254,258,260,261,264,266,268,269,271,273,275,276,277,279,282,287,290,293,295,297,301,305,307,309,312,314,316,319,321,323,324,326,329,331,335],[162,39,37,220,163,39],"project\u002Fneutral\u002Fdocs",[52,39,39,220,11,18],[223,39,39,224,186,39],"13058413","other\u002Fneutral\u002Fnone",[210,39,39,224,11,18],[227,39,39,224,228,39],"13058914","spicyj",[230,39,37,220,231,39],"13057873","bennyg",[233,39,39,224,163,39],"13058657",[185,39,18,235,186,39],"project\u002Fcritical\u002Fdocs",[97,18,44,237,98,39],"project\u002Fpositive\u002Fdocs",[86,239,44,237,87,39],2,[213,239,39,241,11,18],"maker\u002Fpositive\u002Fnone",[90,239,44,237,91,39],[101,37,44,237,102,39],[245,37,39,241,11,18],"13058076",[154,33,39,224,155,39],[63,33,39,248,11,18],"maker\u002Fneutral\u002Fnone",[169,44,37,250,170,39],"project\u002Fneutral\u002Fnone",[252,44,39,224,253,39],"13058937","18nleung",[255,44,44,256,257,39],"13061172","project\u002Fpositive\u002Fperformance","cobar",[105,259,44,237,106,39],6,[134,259,37,220,135,39],[262,259,39,263,11,18],"13057130","maker\u002Fneutral\u002Fdocs",[265,259,44,237,106,39],"13057150",[143,259,37,267,144,39],"project\u002Fneutral\u002Fdesign",[192,32,37,220,135,39],[270,32,39,263,11,18],"13057155",[272,32,44,241,135,39],"13057165",[274,32,39,248,11,18],"13057243",[199,32,39,224,163,39],[66,32,39,248,11,18],[278,32,39,224,155,39],"13057912",[280,32,39,224,281,39],"13068320","bigfish24",[283,284,44,285,286,39],"13061038",8,"project\u002Fpositive\u002Fnone","p0larboy",[127,288,18,289,128,39],9,"project\u002Fcritical\u002Fexecution",[291,288,39,292,11,18],"13058190","maker\u002Fneutral\u002Fexecution",[113,294,18,235,114,39],10,[296,294,39,263,11,18],"13057968",[298,299,44,285,300,39],"13058381",11,"KeatonDunsford",[302,303,44,237,304,39],"13066060",12,"nikhilsimha",[176,31,37,306,177,39],"project\u002Fneutral\u002Fidea",[308,31,39,248,11,18],"13057287",[310,31,39,224,311,39],"13057657","udfalkso",[313,31,39,224,177,39],"13057949",[315,31,39,224,311,39],"13058176",[317,31,39,318,177,39],"13059647","other\u002Fpositive\u002Fnone",[320,31,39,224,311,39],"13064017",[322,31,39,318,177,39],"13071730",[117,206,18,235,118,39],[325,206,39,263,11,18],"13057186",[327,206,39,328,11,18],"13057246","maker\u002Fpositive\u002Fdocs",[121,206,37,330,118,39],"project\u002Fmixed\u002Fdocs",[332,333,44,285,334,39],"13057235",15,"therealmatt",[336,337,44,285,338,39],"13058265",16,"chownation",[],[341,346,351,355,360,364],{"id":342,"name":343,"points":344,"category":345},"13031492","CSS Reference",1117,"dev_tools",{"id":347,"name":348,"points":349,"category":350},"13030603","Dply",673,"infrastructure",{"id":352,"name":353,"points":354,"category":345},"13053137","Antd",507,{"id":356,"name":357,"points":358,"category":359},"13065670","Anycomplete",390,"productivity",{"id":361,"name":362,"points":363,"category":350},"13048334","Migadu",336,{"id":365,"name":366,"points":367,"category":345},"13058445","ICanHazData",257,false,"v2",{"id":371,"name":5,"line":6,"ai":368,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":372,"top":18,"kw":373,"maker":11,"domain":10,"tier":19,"attempts":39,"strip":374,"url":9,"mix":375,"praise":82,"objection":110,"sub":21},13056678,0.33,[24,25,26,27],"3000303505003055053050005101553000001035",[31,32,18,33],1794036550065]