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