4IT580 Web Github

12^th Practical Class:
Expo and React Native

React Native

https://reactnative.dev/
React for mobile (iOS, Android), desktop (macOS, Windows), and Web
- 90-99% of code can be reused
React Native is not WebView or Electron!
JSCore + Native UI
used by:
- Facebook mobile (FB Marketplace + a lot of less visited screens)
- Messanger, Instagram, Shopify, Tesla, Uber Eats
- many others

Web	React Native	iOS (UIKit)
`<div />` (no-scroll)	`<View />`	`UIView`
`<div />` (scroll)	`<ScrollView />`	`UIScrollView`
`<p />` or `<span />`	`<Text />`	`UITextView`
`<img />`	`<Image />`	`UIImageView`
`<input type="text" />`	`<TextInput />`	`UITextField`

Expo

https://expo.dev/
Expo ~= Create React App for React Native
easy to start with React Native
good for small/hobby projects
- but may be limited for real-world apps
https://snack.expo.dev/
- you only need a browser (+ Expo Go iOS/Android)

Expo App