React Native.pptx (2)
- 1. React Native
- 2. HELLO! I am Emilio Rodriguez Head of mobile at Deskbookers We are hiring: [email protected]
- 3. Findhotel (phonegap)Stuff I’ve done: IG (Corona SDK)
- 4. 2days (titanium)Stuff I’ve done: Deskbookers (React Native)
- 5. What is React Native? Write your apps as you write your websites
- 6. React for the web var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; } }); ReactDOM.render(<HelloMessage name="John" />, mountNode); It’s React (with native components) React Native var HelloMessage = React.createClass({ render: function() { return <View><Text>Hello {this.props.name}</Text></View>; } }); AppRegistry.registerComponent('hello world', () => HelloMessage);
- 7. It’s React (with native components) ▫ You can use Redux, Flux, etc. ▫ You can hot Reload! ▫ You can use JSX ▫ You can use Babel (ES6) ▫ You can use NPM packages ▫ You cannot use ReactDOM ▫ You cannot use React Tools ▫ You cannot use Webpack ▫ You cannot use CSS
- 8. It’s truly native ▫ No webviews (unless you need them) ▫ Extensible through native modules ▫ Create your own in Objective-C, Swift or Java ▫ Use js.coach ▫ Performance is awesome ▫ The whole native API is available
- 10. It can handle large apps ▫ You can use Redux or Flux ▫ You can embed it into a native app ▫ Several Routing options ▫ Unit testing and CI Using React’s component modularity makes React Native easy to maintain
- 11. IT’S MULTIPLATFORM React Native is not about “write once, run anywhere” but “learn once, write anywhere”
- 12. FAQ Why RN instead of pure Native? ▫ Shared code => Easier to maintain ▫ Reuse JS developers and environment ▫ Nicer to work with (Hot Reloading, less XCode, better modularity) ▫ Easier deployment (codepush) Mobile web or native app? Both: mobile web to attract users, native app for conversions Will facebook still push for it? They use it on their apps so chances are they will do it
- 13. What happens when a new version of iOS/Android comes? You can expect two or three weeks until new features are available in React Native FAQ How much time it takes to learn? If you know React: 1 day If you don’t know React… learn it now Is it good for prototyping? Sure Is it worth to rewrite my app? It all depends on how big is it vs how difficult it is to maintain at the moment. As an alternative, you can embed new functionality in React Native into pure native
- 14. THANKS Any questions? You can find me at [email protected] Did I say we are hiring? [email protected]