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
77
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
140
DIY Rails Authentication
jwo
0
170
ActionCable - For Not Another Chat App
jwo
3
1.2k
SlackBot.rb - Create You a Slack Bot
jwo
1
1.1k
react-rails: an isomorphic match made in heaven
jwo
0
1k
Docker - next big thing
jwo
0
710
Ruby 2.1 Overview
jwo
0
720
Rails 4: Appetizers
jwo
1
740
The Long Ball: Upgrading Rails from 1.2 -> 4.0
jwo
2
180
Other Decks in Programming
See All in Programming
ISUCONってなんだか難しそう……!!でも、初めてのISUCONにPHPで挑戦してきました!
kotomin_m
0
270
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
460
RISC-V カスタムのためのツールチェーン拡張 ― GNU Binutils と GCC の拡張・コミュニティへの参加編 (未完成版)
a4lg
0
190
Flutterアプリを GitHub Actions & Xcode Cloud で社内配布する / Distribute Flutter apps internally
takasfz
0
130
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
1.5k
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
myzkyy
8
5.9k
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.2k
syndicationd LT
ymgyt
0
110
OpCode目線で眺める PHPコードのカバレッジ
o0h
PRO
2
470
BuefyのMaintainerを引き継いだ件
kikuomax
0
450
ADRを一年運用してみた/our_story_about_adr
hanhan1978
3
1.1k
SmartHRにおけるプロダクトエンジニア/product_engineer_in_smarthr_20240227
saitoryc
5
180
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Docker and Python
trallard
33
2.6k
Designing Experiences People Love
moore
135
23k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
4
1.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.5k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
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