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.4k
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
910
React Native: Under the Hood
frantic
31
22k
Other Decks in Programming
See All in Programming
複数アプリケーションを育てていくための共通化戦略
irof
3
750
衛星の軌道をWeb地図上に表示する
sankichi92
0
250
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
3
2.4k
テスト分析入門/Test Analysis Tutorial
goyoki
12
2.7k
Blueskyのプラグインを作ってみた
hakkadaikon
1
290
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
AIにコードを生成するコードを作らせて、再現性を担保しよう! / Let AI generate code to ensure reproducibility
yamachu
7
6.1k
TSConfig Solution Style & subpath imports to switch types on a per-file basis
maminami373
1
180
事業戦略を理解してソフトウェアを設計する
masuda220
PRO
7
1.3k
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.7k
漸進。
ssssota
0
1.2k
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
suzukimar
0
190
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.3k
Docker and Python
trallard
44
3.4k
A better future with KSS
kneath
239
17k
For a Future-Friendly Web
brad_frost
178
9.7k
A Tale of Four Properties
chriscoyier
159
23k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.8k
Unsuck your backbone
ammeep
671
58k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
660
The World Runs on Bad Software
bkeepers
PRO
68
11k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
We Have a Design System, Now What?
morganepeng
52
7.6k
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