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
780

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
420
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
30
20k

Other Decks in Programming

See All in Programming
1a517fb4f2fe1ad4c6bbfc0cbb17ba10?s=48 kasai441
0
240
28410ec97da16f250a154d9b335c8a32?s=48 quannt
1
130
A581cbb76555d4854d3264a16fed5d13?s=48 daiki_0816
0
380
3f97ef294ccbc5e3f16b7594e06fd1f3?s=48 sryoya
2
100
A7e7c34aaa3ff7eb359b6449fb8bb043?s=48 fancyweb
1
120
9e68acadfe81c2634fae5b8c891f6814?s=48 tamaudon
0
130
F77032adcbe77d2777bb0e0c30873159?s=48 etagwerker
1
160
588a291ce25b07e836ae5df8911eaf18?s=48 tdak
0
230
44df43ecb9d8ae00cafee6b804db3fcd?s=48 kentatada
0
170
85401912c23c7d5e656c08e7a751e95c?s=48 cocoatomo
0
310
D40b43d43c4d8307c5334f1cb1da03a2?s=48 devinjeon
1
390
7166bc2cbc462ab5fd1987a76d0fe709?s=48 takahirom
1
400

Featured

See All Featured
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
252
11k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
55
3.6k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
298
40k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
311
17k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
259
24k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
16
4.6k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
245cee81a9c424266e5e401d844ea881?s=48 lara
17
3k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
19k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
147
6.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