React Native allows developers to write mobile apps using JavaScript and React while also being able to use native UI components. It uses the same fundamental UI building blocks as regular React apps but includes additional components better suited for mobile. Apps are compiled to native code, so they can access the same native platform features and performance as apps written in Java, Objective-C, or Swift. React Native is mature and used by many large companies for their mobile apps. It is a good option for building cross-platform mobile apps since developers can reuse their web skills and share code between Android and iOS platforms.

1. React Native

2. HELLO! I am Emilio Rodriguez
Head of mobile at Deskbookers
We are hiring:
f.markslag@deskbookers.com

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

9. It’s mature
Soundcloud
Pulse
Facebook
ads manager
li.st
And many more

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
e.rodriguez@deskbookers.com
Did I say we are hiring?
f.markslag@deskbookers.com