React Native Tutorial - NYC'15

09f29a1cb5a7c670532ba4bb1b224758?s=47 Alexander Kotliarskyi
March 26, 2015
Programming
4
730

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
0
370
09f29a1cb5a7c670532ba4bb1b224758?s=48 frantic
29
19k

Other Decks in Programming

See All in Programming
E24ebbedcae292dc8e4b56186e082220?s=48 iganari
1
210
9cbac3a8b2ea3f8f9c79d01aeb050ad3?s=48 shikugawa
1
660
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
210
5d769d109697012317c09c6a27a6a4bf?s=48 linyows
2
130
Bbb17eeeecd3d9d06f4db310ab630a12?s=48 borkdude
2
440
817e89f88197980860f1854b74fbee25?s=48 lcdsmao
2
340
D4b671ba3e441fa2aad85d7508ab67a2?s=48 treastrain
1
150
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
170
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
4
2k
E6143330e12cd226c3dab99f3fe8cb3e?s=48 yanaemon
1
140
Db2247a5b4226e1f6f74a9bd87810090?s=48 hiroakis
3
480
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
230

Featured

See All Featured
Ecdea9b9714877b86cee08458f085481?s=48 trallard
6
210
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
264
16k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
189
17k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
121
20k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
435
28k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
314
18k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
366
42k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.2k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
84
8.3k

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