Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
React vs React-Native
Jesse Wolgamott
August 17, 2017
Programming
0
48
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
95
DIY Rails Authentication
jwo
0
160
ActionCable - For Not Another Chat App
jwo
3
890
SlackBot.rb - Create You a Slack Bot
jwo
1
810
react-rails: an isomorphic match made in heaven
jwo
0
810
Docker - next big thing
jwo
0
470
Ruby 2.1 Overview
jwo
0
500
Rails 4: Appetizers
jwo
1
520
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
170
Other Decks in Programming
See All in Programming
Scrum Fest Osaka 2022/5年で200人になったスタートアップの アジャイル開発の歴史とリアル
atamaplus
1
930
Meet Swift Regex
usamik26
0
360
競プロのすすめ
uya116
0
670
A Philosophy of Software Design 後半
yosuke_furukawa
PRO
10
2.8k
Node-RED 3.0 新機能紹介
utaani
0
140
GoogleI/O2022 LT報告会資料
shinsukefujita1126
0
370
短納期でローンチした新サービスをJavaで開発した話/launched new service using Java
eichisanden
6
2k
git on intellij
hiroto_kitamura
0
170
Java アプリとAWS の良い関係 - AWS でJava アプリを実行する一番簡単な方法教えます / AWS for Javarista
kanamasa
2
1.3k
CSE360 Tutorial 07
javiergs
PRO
0
100
Android Compose Component - mapping.
taehwandev
0
140
プロダクトのタイプ別 GraphQL クライアントの選び方
shozawa
0
5.5k
Featured
See All Featured
Navigating Team Friction
lara
175
11k
Agile that works and the tools we love
rasmusluckow
319
19k
Making the Leap to Tech Lead
cromwellryan
113
7.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
49k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
315
19k
The Mythical Team-Month
searls
209
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
119
28k
Designing Experiences People Love
moore
130
22k
Done Done
chrislema
174
14k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
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