Mobile Dev with React Native

## Intro
少蒙 

https://twitter.com/@randomor

https://thezenjournal.com

https://flipgrid.com

[[#React]]
[[#How to launch]]


---

## Javascript

Most popular: 
https://octoverse.github.com/
https://insights.stackoverflow.com/survey/2019#technology

---
## Why JS
- Web
- Babel
- Browser war
---
## React
- The meta framework
	- Frontend: 
        - React DOM
        - React Native for Web
	- Backend: 
        - Server-side rendered: next.js
        - Static: gatsby.js
	- Mobile: 
        - React Native for iOS/Android/Windows/Mac OS
	- TV: React Native for tvOS
	- VR: React 360

---

## The advantages of React Native
- Low barrier to entry (unserved market)
- Fast iteraction
    - Code/compile/debug -> Hot Reload
   
---
### Declarative UI vs Procedural

```
<View>
  <View style={{width: 50}}></View>
</View>

```

```objc
UIView *picker = [[UIView alloc] initWithFrame:self.view.bounds];
picker.backgroundColor=[UIColor blueColor];
[self.view addSubview: picker];
```

---

- Less context switch
- Cross platform
- Javascript ecosystem

---

## When to not use React Native

- Platform specific APIs
    - Restricted feature access
    - CloudKit/AVCapture/ARKit/WatchKit/HealthKit
- Hybrid codebase (native + react native)
    - AirBnb? 
    - Udacity https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102
---

## Alternatives
- PWA
- Ionic
- Native Script
- Flutter
- Xamarin

[Choosing the best mobile app framework](https://www.youtube.com/watch?v=4m7msadL5iA)

---

## How to implement
- Expo
    - Fast to start but bloated (can detach)
    - Instant start at: https://snack.expo.io/
- React Native
    - https://reactnative.dev/docs/environment-setup

---

## Explore ZenJournal

---


## How to learn

[Official Guide](https://reactnative.dev/docs/getting-started)
[React Native Tutorial for Beginners](https://www.youtube.com/watch?v=0-S5a0eXPoc)
[Can it be done in React Native Series](https://www.youtube.com/watch?v=dQVQQ6LKdwc )


---

### How to launch
- Reddit
- ProductHunt
- IndieHacker

--- 

### What to build
- Solve your own pain
- Discover other people's pain
- Fun