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
870
React Native: Under the Hood
frantic
31
22k
Other Decks in Programming
See All in Programming
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
GAEログのコスト削減
mot_techtalk
0
110
最近のVS Codeで気になるニュース 2025/01
74th
1
250
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
SwiftUI Viewの責務分離
elmetal
PRO
0
140
Domain-Driven Transformation
hschwentner
2
1.9k
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
Featured
See All Featured
Speed Design
sergeychernyshev
25
780
Adopting Sorbet at Scale
ufuk
74
9.2k
Embracing the Ebb and Flow
colly
84
4.6k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
A designer walks into a library…
pauljervisheath
205
24k
How to Ace a Technical Interview
jacobian
276
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
GitHub's CSS Performance
jonrohan
1030
460k
We Have a Design System, Now What?
morganepeng
51
7.4k
Being A Developer After 40
akosma
89
590k
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