React Native Tutorial - NYC'15

Transcript

1. React Native
   Alex Kotliarskyi
   frantic/nyc-2015
   

   View Slide

2. Why we love native apps?
   

   View Slide

3. Why we love native apps?
   • Great experiences
   

   View Slide

4. Why we love native apps?
   • Great experiences
   • Complex gestures and animations
   

   View Slide

5. Why we love native apps?
   • Great experiences
   • Complex gestures and animations
   • Consistent with the platform
   

   View Slide

6. Scrolling
   

   View Slide

7. Building native apps is hard
   

   View Slide

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.
   

   View Slide

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
   

   View Slide

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
    

    View Slide

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
    

    View Slide

12. View Slide

13. Web solves development
    problems
    

    View Slide

14. Web
    • Different stacks of
    technologies
    • No code sharing
    • Low iteration speed
    • Hard to scale
    HTML
    CSS
    JS
    

    View Slide

15. Web
    • Different stacks of
    technologies
    • No code sharing
    • Low iteration speed
    • Hard to scale
    ∞

    JS LIBS

    

    View Slide

16. Web
    • Different stacks of
    technologies
    • No code sharing
    • Low iteration speed
    • Hard to scale
    CHANGE
    ↓
    REFRESH
    

    View Slide

17. Web
    • Different stacks of
    technologies
    • No code sharing
    • Low iteration speed
    • Hard to scale
    

    View Slide

18. View Slide

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
    

    View Slide

20. Great development process
    Awesome feeling native UIs
    

    View Slide

21. React Native
    

    View Slide

22. DOM
    React is already
    incredibly abstract
    

    View Slide

23. UIKit
    UIKit as a backend
    

    View Slide

24. !
    !
    Inline Text !
    
    
    
    

    View Slide

25. Write once
    run anywhere
    

    View Slide

26. Learn once,
    write anywhere
    

    View Slide

27. React Native is working for us
    native.reactjs.com
    

    View Slide

28. Tutorial
    frantic/nyc-2015
    

    View Slide