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
99
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
180
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.3k
react-rails: an isomorphic match made in heaven
jwo
0
1.2k
Docker - next big thing
jwo
0
860
Ruby 2.1 Overview
jwo
0
860
Rails 4: Appetizers
jwo
1
880
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
190
Other Decks in Programming
See All in Programming
LLM Supervised Fine-tuningの理論と実践
datanalyticslabo
7
1.6k
useSyncExternalStoreを使いまくる
ssssota
6
1.6k
MCP with Cloudflare Workers
yusukebe
2
230
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
260
「とりあえず動く」コードはよい、「読みやすい」コードはもっとよい / Code that 'just works' is good, but code that is 'readable' is even better.
mkmk884
4
980
テストコード書いてみませんか?
onopon
2
240
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
740
React 19でお手軽にCSS-in-JSを自作する
yukukotani
2
140
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
1.1k
CloudflareStack でRAGに入門
asahiiwm
0
130
為你自己學 Python
eddie
0
200
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Code Reviewing Like a Champion
maltzj
521
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
17
2.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Music & Morning Musume
bryan
46
6.2k
What's in a price? How to price your products and services
michaelherold
244
12k
Why Our Code Smells
bkeepers
PRO
335
57k
Being A Developer After 40
akosma
89
590k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Building Adaptive Systems
keathley
38
2.3k
Designing for humans not robots
tammielis
250
25k
Embracing the Ebb and Flow
colly
84
4.5k
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