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

React Native Tutorial - NYC'15

09f29a1cb5a7c670532ba4bb1b224758?s=47 Alexander Kotliarskyi
March 26, 2015
Programming
5
950

React Native Tutorial - NYC'15

09f29a1cb5a7c670532ba4bb1b224758?s=128

Alexander Kotliarskyi

March 26, 2015
Tweet

More Decks by Alexander Kotliarskyi

See All by Alexander Kotliarskyi
Building Stellar User Experiences with React Native
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
1
520
React Native: Under the Hood
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
30
21k

Other Decks in Programming

See All in Programming
2022 - COSCUP - 打造高速 Ruby 專案開發流程
888339de9e7a88688b6acb30d33e66cd?s=48 elct9620
0
100
それ全部エラーメッセージに書いてあるよ!〜独学でPHPプログラミングが上達するたった一つの方法〜
B793da271a45d149b52f507bca9f137c?s=48 77web
1
160
MLOps勉強会_リアルタイムトラフィックのサーバレスMLOps基盤_20220810
7771ba477a3bee861bc62012a143bffe?s=48 strsaito
1
440
VIMRC 2022
E76db8a47bdae9ef76629ecb366483ed?s=48 achimnol
0
140
Rに管理されてみる
154699a2e3d8b497494a5ee118f211a5?s=48 kazutan
0
260
Efficient UI testing in Android
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
2
130
Getting Started With Data Structures
Fbe54abf4094d19f1548783d072a7fa7?s=48 adoranwodo
1
270
ベストプラクティス・ドリフト
A15b71ae6fbdecb3216bdcba552d9a77?s=48 sssssssssssshhhhhhhhhh
1
210
一口目から美味しいReactのスルメ本🦑
2801ae8fb5381bcd119805124a5eeaf2?s=48 taro28
2
680
Windows コンテナ Dojo 第5回 OpenShift で学ぶ Kubernetes 入門
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
200
20220706_Google Apps Scriptを実演で学ぶ～ GAS × Slack ～
C983c1e22d0d19f21590b83884d9b754?s=48 apachan
2
630
「困りごと」から始める個人開発
4a0e3afe85259f2973dbc9386b6a4bb3?s=48 ikumatadokoro
4
260

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.9k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
95
4.7k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.4k
Bash Introduction
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
598
210k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
Music & Morning Musume
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
4.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Producing Creativity
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
334
37k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
6
2.5k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k

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