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

React Native Tutorial - NYC'15

Alexander Kotliarskyi
March 26, 2015
Programming
5
1k

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
1
560
React Native: Under the Hood
frantic
30
21k

Other Decks in Programming

See All in Programming
コンピュータビジョンセミナー2 / computer_vision_seminar_libSGM
fixstars
0
310
OSC大阪 パスワード認証は人類には早すぎる ~ IDaaSを使ったソーシャルログインのすすめ ~
authyasan
4
770
Cloudflare Workersと状態管理
chimame
2
470
xarray-Datatree: Hierarchical Data Structures for Multi-Model Science
tomnicholas
0
200
AWSにおける標的型Bot対策
hacomono
0
390
スタック・オーバーフローに コントリビュートしはじめて良かったこと🐣
takuyakikuchi
1
120
Glance App Widgetでウィジェットを作ろう / MoT TechTalk #15
mot_techtalk
0
110
Hono v3 - Do Everything, Run Anywhere, But Small, And Faster
yusukebe
4
130
Workshop on Jetpack compose
aldefy
0
140
Gradle build: The time is now
nonews
1
400
tidy_rpart
bk_18
0
560
CDKでValidationする本当の方法 / cdk-validation
gotok365
1
170

Featured

See All Featured
WebSockets: Embracing the real-time Web
robhawkes
58
6k
BBQ
matthewcrist
75
8.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
31
1.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
29
7.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
270
12k
What the flash - Photography Introduction
edds
64
10k
Pencils Down: Stop Designing & Start Developing
hursman
114
10k
Code Review Best Practice
trishagee
50
11k
Building Flexible Design Systems
yeseniaperezcruz
314
35k
Teambox: Starting and Learning
jrom
124
7.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
109
16k

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