Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native Tutorial - NYC'15

React Native Tutorial - NYC'15

Alexander Kotliarskyi

March 26, 2015
Tweet

More Decks by Alexander Kotliarskyi

Other Decks in Programming

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