6. React Native
Native Apps
• Different code and language for different OS's
11
iOS
SDKs, Standard Libs
3rd Party Libs
Your App (C or Swift)
Android
SDKs, Standard Libs
3rd Party Libs
Your App (Java or Kotlin)
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html
7. React Native
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html
Your AppWebView
Apps
• Write once, run everywhere
• Slow and not feeling native
12
iOS
Mobile Development Framework
(e.g., Apache Cordova, Adobe PhoneGap)
iOS SDKs
Android
Android SDKs
WebView API
8. React Native
Modern Web and App Programming from Ideas to Systems to Real Impact https://nthu-datalab.github.io/webapp/index.html
React-Native Apps
• JS components render as native ones
• Learn once, write everywhere
13
Android
Android SDKs
Native UI
JS Runtime
React Native
3rd Party Libs
NPM Pkgs
(e.g., React)
Bridge
Your App (JS)Your App
(Native UI &
Modules)
iOS
iOS SDKs
Native UI
JS Runtime
React Native
3rd Party Libs
NPM Pkgs
(e.g., React)
Bridge
Your App (JS)Your App
(Native UI &
Modules)