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
890
React Native: Under the Hood
frantic
31
22k
Other Decks in Programming
See All in Programming
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
1
130
Windows版PHPのビルド手順とPHP 8.4における変更点
matsuo_atsushi
0
400
家族・子育て重視/沖縄在住を維持しながらエンジニアとしてのキャリアをどのように育てていくか?
ug
0
260
サービスクラスのありがたみを発見したときの思い出 #phpcon_odawara
77web
4
610
AWSで雰囲気でつくる! VRChatの写真変換ピタゴラスイッチ
anatofuz
0
140
Devinのメモリ活用の学びを自社サービスにどう組み込むか?
itarutomy
0
2k
Going Structural with Named Tuples
bishabosha
0
200
自分のために作ったアプリが、グローバルに使われるまで / Indie App Development Lunch LT
pixyzehn
1
150
新卒から4年間、20年もののWebサービスと 向き合って学んだソフトウェア考古学
oguri
8
7.2k
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
2
3.1k
フロントエンドテストの育て方
quramy
11
2.9k
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
290
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
29
2k
Bash Introduction
62gerente
611
210k
The Cult of Friendly URLs
andyhume
78
6.3k
Git: the NoSQL Database
bkeepers
PRO
430
65k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
How STYLIGHT went responsive
nonsquared
99
5.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
28
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.2k
Code Review Best Practice
trishagee
67
18k
Optimizing for Happiness
mojombo
377
70k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
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