React Native

One-Way Data Binding

Props and State

State

Props

Virtual DOM

Facebook

Open Source 2013

React

const element = (

<h1>

Hello, {formatName(user)}!

</h1>

);

JSX

JavaScript

React

React Native

Native

Java

React Native

Learn once, write everywhere

vs.

Facebook

Open Source 2015

Native mobile development

Native UI Components

PhoneGap/Apache Cordova

Ionic, …

Learn twice, write twice

WebView for the Rescue?

Facebook Ads Manager

85% code reuse

Write once, run everywhere

+

Objective-C

Swift

Franz Knipp

Linuxwochen 2017

Eisenstadt

JavaScript

React

How to start

More informations

npm install -g react-native-cli

react-native init Linuxwochen2017

react-native run-ios

react-native run-android

The single source of truth

https://facebook.github.io/react-native

Tutorial

http://www.reactnativeexpress.com/

Packages

https://js.coach/react-native

Try it in your browser

https://snack.expo.io/

More?

franz@qnipp.com

http://qnipp.com