React Native Tutorial - NYC'15

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
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
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