2014 2015 2016 2017 2018
Web Android developer Web React Native
RN
React Native launched
Slide 3
Slide 3 text
It's a modern way to
build mobile apps
Slide 4
Slide 4 text
Demo!
snack.expo.io
Slide 5
Slide 5 text
It's a real framework
Slide 6
Slide 6 text
Demo!
create-react-native-app
Slide 7
Slide 7 text
Not a WebView
E.g. Apache Cordova
Slide 8
Slide 8 text
\
JS
React
components
Native
Views
Slide 9
Slide 9 text
\
Most popular
programming language
JS
Slide 10
Slide 10 text
\
JavaScript
SQL
Java
C#
Python
PHP
C++
C
TypeScript
Ruby
Swift
Objective-C
VB.NET
Assembly
62.5%
39.7%
6.5%
6.4%
https://insights.stackoverflow.com/survey/2017#technology
Slide 11
Slide 11 text
\
JavaScript
SQL
Java
C#
Python
PHP
C++
C
TypeScript
Ruby
Go
Assembly
69.8%
45.3%
Swift 8.1%
Objective-C 7.0%
https://insights.stackoverflow.com/survey/2018#most-popular-technologies
Slide 12
Slide 12 text
\
JavaScript
SQL
Java
C#
Python
PHP
C++
C
TypeScript
Ruby
Go
Assembly
Swift
Objective-C
Xamarin
Slide 13
Slide 13 text
\
JavaScript
SQL
Java
C#
Python
PHP
C++
C
TypeScript
Ruby
Go
Assembly
Swift
Objective-C
Flutter
Dart
⚠
Slide 14
Slide 14 text
Cross platform
Write once, run everywhere
Learn once, write everywhere
Slide 15
Slide 15 text
\
JS
React
components
Native
Views
Slide 16
Slide 16 text
\
JS
React
components
Native
Views
Slide 17
Slide 17 text
Share code from
browser or server
Slide 18
Slide 18 text
A gradient of possibilities
React Native Native SDKs
JS
Slide 19
Slide 19 text
React Native Native SDKs
JS
Quick prototypes
Slide 20
Slide 20 text
React Native Native SDKs
JS
Initial phases of a project
create-react-native-app
Slide 21
Slide 21 text
React Native Native SDKs
JS
Normal React Native project
that can be deployed
react-native init
Slide 22
Slide 22 text
React Native Native SDKs
JS
Some native code
is proprietary
Most app logic is JavaScript
and React components
Slide 23
Slide 23 text
React Native Native SDKs
JS
When migrating
from/to React Native
Some app logic is JavaScript
and React components
Slide 24
Slide 24 text
Is it perfect?
Debugging is possible, but not so nice
Have to use many languages
Feels hacky because it's not official SDK
Slide 25
Slide 25 text
Should you use it?
Probably yeah
Slide 26
Slide 26 text
Learn React Native
at Code in the Woods
Training
8. – 11.10.
(