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
95
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
170
DIY Rails Authentication
jwo
0
180
ActionCable - For Not Another Chat App
jwo
3
1.4k
SlackBot.rb - Create You a Slack Bot
jwo
1
1.2k
react-rails: an isomorphic match made in heaven
jwo
0
1.2k
Docker - next big thing
jwo
0
820
Ruby 2.1 Overview
jwo
0
830
Rails 4: Appetizers
jwo
1
840
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
180
Other Decks in Programming
See All in Programming
MLOps in Mercari Group’s Trust and Safety ML Team
cjhj
1
130
Integrating AI in Your Enterprise Java Applications
ivargrimstad
0
800
CSC305 Lecture 09
javiergs
PRO
0
110
Micro Frontends for Java Microservices - dev2next 2024
mraible
PRO
0
230
画像でわかる北島直樹
naoki0917
0
110
組織に自動テストを書く文化を根付かせる戦略(2024秋版) / Building Automated Test Culture 2024 Autumn Edition
twada
PRO
8
3.5k
Serverless renderování Webových komponent
rarous
PRO
0
130
Kubernetes上でOracle_Databaseの運用を楽にするOraOperatorの紹介
nnaka2992
0
170
空間の中でアイドルとレッスンする技術 - 1st "Vision" / Spatial Lesson technologies with my idol - 1st "Vision"
banjun
PRO
0
250
UnJSで簡単に始めるCLIツール開発 / cli-tool-development-with-unjs
aoseyuu
2
380
LangChain & LangServeでAPIを爆速作成
kijitorabuti
2
360
【YAPC::Hakodate 2024】TypeScriptエンジニアが感じたPerlのここが面白い
kimitashoichi
1
480
Featured
See All Featured
KATA
mclloyd
29
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Speed Design
sergeychernyshev
23
540
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
A Tale of Four Properties
chriscoyier
156
22k
Optimizing for Happiness
mojombo
375
69k
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Why Our Code Smells
bkeepers
PRO
334
57k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
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