Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native Tutorial - NYC'15

Alexander Kotliarskyi
March 26, 2015
Programming
5
1.3k

React Native Tutorial - NYC'15

Alexander Kotliarskyi

March 26, 2015
Tweet

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
Realtime API 入門
riofujimon
0
150
Outline View in SwiftUI
1024jp
1
330
광고 소재 심사 과정에 AI를 도입하여 광고 서비스 생산성 향상시키기
kakao
PRO
0
170
Why Jakarta EE Matters to Spring - and Vice Versa
ivargrimstad
0
1.2k
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
flutterkaigi_2024.pdf
kyoheig3
0
150
Jakarta EE meets AI
ivargrimstad
0
690
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
ヤプリ新卒SREの オンボーディング
masaki12
0
130
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
300
Arm移行タイムアタック
qnighy
0
340
Functional Event Sourcing using Sekiban
tomohisa
0
100

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
Designing for Performance
lara
604
68k
Gamification - CAS2011
davidbonilla
80
5k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
For a Future-Friendly Web
brad_frost
175
9.4k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Agile that works and the tools we love
rasmusluckow
327
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k

Transcript

  1. React Native Alex Kotliarskyi frantic/nyc-2015

  2. Why we love native apps?

  3. Why we love native apps? • Great experiences

  4. Why we love native apps? • Great experiences • Complex

    gestures and animations

  5. Why we love native apps? • Great experiences • Complex

    gestures and animations • Consistent with the platform

  6. Scrolling

  7. Building native apps is hard

  8. Building native apps is hard • Different stacks of technologies

    Programming languages, tools, libraries, memory management, threading, networking, UI layout and animations, best practices, etc.

  9. 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

  10. 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

  11. 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
  12. None

  13. Web solves development problems

  14. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale HTML CSS JS

  15. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale ∞
 JS LIBS


  16. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale CHANGE ↓ REFRESH

  17. Web • Different stacks of technologies • No code sharing

    • Low iteration speed • Hard to scale
  18. None

  19. 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

  20. Great development process Awesome feeling native UIs

  21. React Native

  22. DOM React is already incredibly abstract

  23. UIKit UIKit as a backend

  24. <div> ! <View> <img> ! <Image> Inline Text ! <Text>

    <ScrollView> <DatePickerIOS> <MapView>

  25. Write once run anywhere

  26. Learn once, write anywhere

  27. React Native is working for us native.reactjs.com

  28. Tutorial frantic/nyc-2015