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
830

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

Other Decks in Programming

See All in Programming
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
0
230
37388695483b7c7d355cd9a9dc04281e?s=48 srea
1
210
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
1
130
8ad4be5fb42a8fd88d68a9054d9eba8e?s=48 tamai_63
0
330
A56269ca269966f71293d08b32ad53b3?s=48 utaani
0
130
406a99778248522c9acfe1f95b217a55?s=48 kotakawase
0
520
33b8caffacdb02e62cd9141a8aeb35aa?s=48 tanakahiroki1
0
430
2594ac7ce91fd7d9a3ce71ca7cc2d0c0?s=48 d_date
3
790
993ef638264def4334358f986fb4a91d?s=48 uhyo
26
6.8k
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
680
1d1580fb0945b0ffadff18e28bead3c5?s=48 adarapata
1
160
18c5d6e2413dc02665fd4210bf5d094b?s=48 roothybrid7
0
350

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
27
3.7k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
9.1k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
156
12k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
67
4.6k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
71
3.2k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
100
15k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.5k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
61
7.4k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.5k
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
2
560

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