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
800

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

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
180
Ba655e3712aaabfbca289fe136f85fe4?s=48 qnighy
0
120
44f19f6204c2b29d3d430d91c389c6ea?s=48 ikikko
1
800
57e5f749a4ee962a6cfb2197c160c577?s=48 maeda8
0
170
96c4c5d86c23e3b3623b709d75a8633d?s=48 sawarabi
1
240
Ee4cc84c4dedde009c013c6d5f1a2e84?s=48 tatchnicolas
2
180
70adfe7679427fa498899769e632b672?s=48 itok
1
200
D9455a5dc3e3ea4fcca207da70c306b0?s=48 murabayashi
23
16k
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
2
900
30e63a1ad21d3944b288fc3d33d1e920?s=48 amrrs
0
130
Ae7a5166a7b7776ffdd5676c2d6ab42f?s=48 aseiide
1
230
E37b4344ef4bfd0fc4826c04971e54fb?s=48 nrslib
7
1.7k

Featured

See All Featured
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.1k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
171
7.7k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
21
1.1k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
314
18k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
88
5.3k
78b475797a14c84799063c7cd073962f?s=48 holman
294
140k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
44
2.5k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
43
2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
122
16k

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