Skip to content

Instantly share code, notes, and snippets.

@randomor
Created June 13, 2020 03:06
Show Gist options
  • Save randomor/e3eeaca416d6ee9b15af8788e0f10b19 to your computer and use it in GitHub Desktop.
Save randomor/e3eeaca416d6ee9b15af8788e0f10b19 to your computer and use it in GitHub Desktop.
## 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment