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
770

React Native Tutorial - NYC'15

09f29a1cb5a7c670532ba4bb1b224758?s=128

Alexander Kotliarskyi

March 26, 2015
Tweet

More Decks by Alexander Kotliarskyi

See All by Alexander Kotliarskyi
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
1
410
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
30
20k

Other Decks in Programming

See All in Programming
127f2573f14072eba29ccb60506663eb?s=48 madai0517
1
210
74253b7e85d0a315a23d74db50abd8e4?s=48 coa00
2
170
Cc8ec9594b83b5dc3c7eef345c05dc8d?s=48 shiz
1
110
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
9
2.9k
738a5b16d0ce1046be8d0a5e10573fd7?s=48 emmaglorypraise
0
140
80f7ecadd79bc55cfc05eef02a3bc867?s=48 makky0620
0
100
0b8ad408b31cb9d5cff2828086c65d58?s=48 temoki
3
230
32ae0ae04b5c4f1b29ee9e8826823fbc?s=48 joergneumann
0
150
C4e73b01e9abac83ed5edef8e9cc79b8?s=48 takapdayon
0
180
75cf8176bf14811428f77d8fe737f0d5?s=48 konstantin_diener
0
130
9a3693c0c3d12f2fbae51792dd6a1344?s=48 akito0107
0
210
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
PRO
0
310

Featured

See All Featured
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
860k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.5k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
225
8.5k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
19k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k

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