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 Native Tutorial - NYC'15
Search
Alexander Kotliarskyi
March 26, 2015
Programming
5
1.3k
React Native Tutorial - NYC'15
Alexander Kotliarskyi
March 26, 2015
Tweet
Share
More Decks by Alexander Kotliarskyi
See All by Alexander Kotliarskyi
Building Stellar User Experiences with React Native
frantic
2
840
React Native: Under the Hood
frantic
31
22k
Other Decks in Programming
See All in Programming
AWS re:Invent 2024個人的まとめ
satoshi256kbyte
0
100
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
700
テストコードのガイドライン 〜作成から運用まで〜
riku929hr
7
1.4k
ESLintプラグインを使用してCDKのセオリーを適用する
yamanashi_ren01
2
230
ErdMap: Thinking about a map for Rails applications
makicamel
1
600
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
Rubyでつくるパケットキャプチャツール
ydah
0
170
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
1.8k
선언형 UI에서의 상태관리
l2hyunwoo
0
270
Findy Team+ Awardを受賞したかった!ベストプラクティス応募内容をふりかえり、開発生産性向上もふりかえる / Findy Team Plus Award BestPractice and DPE Retrospective 2024
honyanya
0
140
BEエンジニアがFEの業務をできるようになるまでにやったこと
yoshida_ryushin
0
190
.NETでOBS Studio操作してみたけど…… / Operating OBS Studio by .NET
skasweb
0
120
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1366
200k
How to Ace a Technical Interview
jacobian
276
23k
The Cult of Friendly URLs
andyhume
78
6.1k
Designing for Performance
lara
604
68k
Embracing the Ebb and Flow
colly
84
4.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
Optimising Largest Contentful Paint
csswizardry
33
3k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
Bash Introduction
62gerente
610
210k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.7k
Music & Morning Musume
bryan
46
6.3k
Transcript
React Native Alex Kotliarskyi frantic/nyc-2015
Why we love native apps?
Why we love native apps? • Great experiences
Why we love native apps? • Great experiences • Complex
gestures and animations
Why we love native apps? • Great experiences • Complex
gestures and animations • Consistent with the platform
Scrolling
Building native apps is hard
Building native apps is hard • Different stacks of technologies
Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc.
Building native apps is hard • Different stacks of technologies
Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc. • No code sharing
Building native apps is hard • Different stacks of technologies
Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc. • No code sharing • Low iteration speed
Building native apps is hard • Different stacks of technologies
Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc. • No code sharing • Low iteration speed • Hard to scale
None
Web solves development problems
Web • Different stacks of technologies • No code sharing
• Low iteration speed • Hard to scale HTML CSS JS
Web • Different stacks of technologies • No code sharing
• Low iteration speed • Hard to scale ∞ JS LIBS
Web • Different stacks of technologies • No code sharing
• Low iteration speed • Hard to scale CHANGE ↓ REFRESH
Web • Different stacks of technologies • No code sharing
• Low iteration speed • Hard to scale
None
Why web apps on the phone are not great? •
Very hard to provide great experiences • Not designed for complex gestures • Impossible to make consistent with the platform
Great development process Awesome feeling native UIs
React Native
DOM React is already incredibly abstract
UIKit UIKit as a backend
<div> ! <View> <img> ! <Image> Inline Text ! <Text>
<ScrollView> <DatePickerIOS> <MapView>
Write once run anywhere
Learn once, write anywhere
React Native is working for us native.reactjs.com
Tutorial frantic/nyc-2015