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
820
React Native: Under the Hood
frantic
31
22k
Other Decks in Programming
See All in Programming
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
870
Click-free releases & the making of a CLI app
oheyadam
2
110
Jakarta EE meets AI
ivargrimstad
0
120
CSC509 Lecture 09
javiergs
PRO
0
140
聞き手から登壇者へ: RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
120
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
600
Less waste, more joy, and a lot more green: How Quarkus makes Java better
hollycummins
0
100
EventSourcingの理想と現実
wenas
6
2.3k
Remix on Hono on Cloudflare Workers
yusukebe
1
280
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
1
110
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
100
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
427
64k
How GitHub (no longer) Works
holman
310
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
4 Signs Your Business is Dying
shpigford
180
21k
Producing Creativity
orderedlist
PRO
341
39k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The Invisible Side of Design
smashingmag
298
50k
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