react native.pptx (2)
TRANSCRIPT
React Native
HELLO! I am Emilio RodriguezHead of mobile at Deskbookers
We are hiring:[email protected]
Findhotel (phonegap)
Stuff I’ve done:
IG (Corona SDK)
2days (titanium)Stuff I’ve done:
Deskbookers (React Native)
What is React Native?Write your apps as you write your websites
React for the webvar 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 Nativevar HelloMessage = React.createClass({ render: function() { return <View><Text>Hello {this.props.name}</Text></View>; }});AppRegistry.registerComponent('hello world', () => HelloMessage);
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
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
It’s mature
SoundcloudPulse Facebook ads
managerli.st
And many more
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
IT’S MULTIPLATFORMReact Native is not about “write once, run anywhere” but “learn once, write anywhere”
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
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 dayIf 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