React Native

HELLO! I am Emilio RodriguezHead of mobile at Deskbookers

We are hiring:f.markslag@deskbookers.com

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

THANKS

Any questions?You can find me ate.rodriguez@deskbookers.com

Did I say we are hiring?f.markslag@deskbookers.com