Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
React vs React-Native
Search
Jesse Wolgamott
August 17, 2017
Programming
0
87
React vs React-Native
Newbiew/Beginniner friendly exploration into what is similar and what is different in react-native
Jesse Wolgamott
August 17, 2017
Tweet
Share
More Decks by Jesse Wolgamott
See All by Jesse Wolgamott
What is an API
jwo
0
160
DIY Rails Authentication
jwo
0
180
ActionCable - For Not Another Chat App
jwo
3
1.3k
SlackBot.rb - Create You a Slack Bot
jwo
1
1.2k
react-rails: an isomorphic match made in heaven
jwo
0
1.1k
Docker - next big thing
jwo
0
780
Ruby 2.1 Overview
jwo
0
790
Rails 4: Appetizers
jwo
1
800
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
180
Other Decks in Programming
See All in Programming
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
CSC307 Lecture 07
javiergs
PRO
0
220
日付と正規化
megmogmog1965
0
140
CSC307 Lecture 12
javiergs
PRO
0
220
継続的な活動で築く地方エンジニアの道
myamashii
2
350
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
Mastering Developer Experience: A Roadmap for Success 【開発生産性Conference 2024】
findyinc
1
380
Architectures with Lightweight Stores: New Rules and Options
manfredsteyer
PRO
0
100
Featured
See All Featured
Music & Morning Musume
bryan
43
5.9k
Six Lessons from altMBA
skipperchong
24
3.2k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
How to name files
jennybc
67
96k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
How STYLIGHT went responsive
nonsquared
93
5k
Gamification - CAS2011
davidbonilla
78
4.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Being A Developer After 40
akosma
72
580k
Transcript
React vs React-Native by Jesse Wolgamott (@jwo) for Houston React
Meetup - Aug 17, 2017
What is React Native?
Mobile Apps in React iPhone / iPad / AppleTV Android
phones / tablets
React Native was created by Facebook
Both iOS and Android with one codebase* *ish
Is it Native? React Native: both JS and native code
Is it Native? JS runs on virtual machine on the
mobile device and communicates with the native code
Similarities
Rendering React React-Native Editor Atom Atom Language JSX JSX Toolset
WebPack WebPack Metaphor Components Components Testing Jest Jest Linter Prettier Prettier
Differences
Rendering HTML Native <div> <View> text <Text>
Native Code Geolocation Camera in-app-purchases
Deployment HTML Native Public Server App Store
Dev Flow
Easy, Fun 1. create-react-native-app 2. use Echo App to run
on mobile device 3. Eject 4. Build and Deploy
Hard, :( 1. create-react-native-app 2. Eject 3. Integrate with mobile
app 4. Run on mobile device or simular 5. Build and Deploy
Layouts 1. Use Flexbox 2. Get Better At Flexbox 3.
GOTO 2
Navigation 1. React-Router (my perferred) 2. react-native-router- ux
State 1. Redux (my perferred) 2. react-native-router- ux
Resources http://facebook.github.io/react-native/ https://js.coach/react-native https://expo.io/
Demo Code: github.com/jwo/demo-react-native Full App github.com/jwo/example-react-native-redux- router