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
130
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
190
DIY Rails Authentication
jwo
0
210
ActionCable - For Not Another Chat App
jwo
3
1.6k
SlackBot.rb - Create You a Slack Bot
jwo
1
1.4k
react-rails: an isomorphic match made in heaven
jwo
0
1.3k
Docker - next big thing
jwo
0
940
Ruby 2.1 Overview
jwo
0
960
Rails 4: Appetizers
jwo
1
970
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
210
Other Decks in Programming
See All in Programming
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
contribution to astral-sh/uv
shunsock
0
440
Go言語はstack overflowの夢を見るか?
logica0419
0
510
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
16
6.5k
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
330
CSC305 Lecture 08
javiergs
PRO
0
270
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
nakita628
0
290
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
250
CSC509 Lecture 05
javiergs
PRO
0
310
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
380
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
33k
Introduce Hono CLI
yusukebe
6
3k
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Visualization
eitanlees
149
16k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
Speed Design
sergeychernyshev
32
1.2k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Navigating Team Friction
lara
190
15k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Into the Great Unknown - MozCon
thekraken
40
2.1k
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